美文网首页
Hexo 静态博客

Hexo 静态博客

作者: Evan_Vivian | 来源:发表于2018-09-29 16:58 被阅读0次

Hexo静态博客Mac平台搭建全流程记录

Mac install node & hexo-cli

brew install git
brew install node
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g hexo-cli
  • Extend homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Hexo init

hexo init Hexo_Blog
cd Hexo_Blog
cnpm install
目前用到的两个插件:
   * cnpm install hexo-deployer-git --save
   * cnpm install --save hexo-tag-aplayer
  • Install Theme
cd Hexo_Blog && git clone https://github.com/luuman/hexo-theme-spfk.git themes/spfk

Settings

Hexo_Blog/_config.yml

  • 5--12
# Site
title: Evan 
subtitle: Keen on Linux operations 
description: 
author: WeiChao Yan
language: zh-CN
timezone: Asia/Shanghai
  • 15
url: https://www.itchao.win
  • 66
theme: spfk
  • 70--74
deploy:
  type: git
  repo: 
      gogs: git@gogs.itchao.win:Evan/hexo.git
      github: git@github.com:YGxiaochao/itchao.git,master

音乐示例

Hexo_Blog/source/about.md

音乐代码截图

Themes Settings

Hexo_blog/themes/spfk/_config.yml

  • 6--9
menu:
  博客首页: /
  关于我: /about
  作品: /archives
  • 17 & 20
avatar: img/xhren.jpg
favicon: img/head.jpg
  • 27--30
subnav:
  mail: "mailto:469785487@qq.com"
  github: "https://github.com/YGxiaochao"
  zhihu: "https://www.zhihu.com/people/yan-wei-chao-78/activities"
  • 192--195
visit_counter:
  on: true
  site_visit: 游客到访数(UV)
  page_visit: 本页阅读量(PV)

Hexo_blog/themes/spfk/layout/_partial/footer.ejs

  • 8
<a href="https://www.itchao.win/" target="_blank">Evan</a>  Always Love Vivian

image

首页
about音乐示例图

原文链接

相关文章

  • HEXO 搭建博客

    Hexo搭建Github静态博客 hexo —— 简单、快速、强大的Node.js静态博客框架 主题:https:...

  • Hugo搭建个人博客

    Hugo 主流静态博客框架 搭建个人博客肯定会用到"静态博客框架",比较主流的有Hexo与Hugo。 Hexo是一...

  • Github+Hexo+Next搭建静态博客

    title: Github+Hexo+Next搭建静态博客 Welcome to Hexo! This is yo...

  • HEXO 趟坑笔记

    我的blog 如何使用Hexo在github上搭建静态博客 如何使用Hexo在github上搭建静态博客 感冒两天...

  • 如何使用-Hexo-搭建个人博客

    原文链接: 如何使用-Hexo-搭建个人博客 什么是 Hexo ? Hexo 是一个简单快速的静态博客框架,可以通...

  • Python爬虫html转markdown

    Python爬虫html转markdown 说明 动态博客转静态博客(例如typecho转hexo),在上传静态博...

  • Hexo 静态博客

    Hexo静态博客Mac平台搭建全流程记录 Mac install node & hexo-cli Extend h...

  • Github+Hexo搭载博客

    安装Hexo 什么是 Hexo? Hexo是一款基于Node.js的静态博客框架。Hexo 使用 Markdown...

  • 利用 Travis CI 自动部署 Hexo 博客

    Hexo 博客每次写完文章后都需要手动执行 hexo clean、hexo g、hexo d 命令来上传与生成静态...

  • github-hexo 如何添加自定义网页

    Hexo自定义原理 Hexo 系列的博客中的文章都是经Hexo的主题渲染的静态网页。所以Hexo博客大部分都呈现出...

网友评论

      本文标题:Hexo 静态博客

      本文链接:https://www.haomeiwen.com/subject/wmdboftx.html