Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment

一、前期准备

• GitHub账户
• Node.js
• Git
• Hexo安装

检验是否安装成功

1
2
3

git --version
node -v
npm -v

Hexo安装

• 新建一个文件夹，自己重命名文件夹（如：E\Blog），博客相关文件将储存在此文件夹下

• 在该文件夹下右键鼠标，点击 Git Bash Here，输入以下 npm 命令即可安装

  • 1	npm install hexo-cli -g

• Hexo 初始化配置

  • 1 2 3

    npx hexo init blog cd blog npm install hexo-deployer-git --save

• • source 文件夹：源码，未被Hexo渲染的md文件，写的文章就在这里面
  • themes 文件夹：主题，安装的主题都在这
  • _config.yml：Hexo配置文件

本地查看效果

执行完以下命令即可登录 http://localhost:4000/ 查看效果

（尝试在命令的前面加上npx）

1
2

hexo generate
hexo server

二、为博客更换自己喜欢的主题

• butterfly 主题官网: https://butterfly.js.org/

• 1	git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

• 修改 Hexo 根目录下的 _config.yml，把主题改为 butterfly

• 1	theme: butterfly

• 安裝pug 以及 stylus 的渲染器

• 1	npm install hexo-renderer-pug hexo-renderer-stylus --save

• 在 hexo 的根目录创建一個文件 _config.butterfly.yml，并把主題目录的 _config.yml 內容复制到 _config.butterfly.yml 去。

• 注意:

  複製的是主題的 _config.yml ，而不是 hexo 的 _config.yml

  不要把主題目錄的 _config.yml 刪掉

  以後只需要在 _config.butterfly.yml 進行配置就行。如果使用了 _config.butterfly.yml， 配置主題的 _config.yml 將不會有效果。

  作者: Jerry
  連結: https://butterfly.js.org/posts/21cfbf15/
  來源: Butterfly
  版權屬於作者所有。商業用途請聯絡作者獲得授權，非商業用途請註明出處。