安装 HEXO

首先先创建一个文件夹,我创建文件夹 blog1

然后进入博客文件夹

创建github账户

https://github.com/join?source=header-home

安装 node.js

下载网页 https://nodejs.org/en/download/

安装win对应版本

设置npm淘宝镜像站

npm config set registry “https://registry.npm.taobao.org"

安装git

Git (git-scm.com)

配置ssh

打开blog1文件夹,右键打开git bash终端。

设置user.name和user.email。

1
2
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

将公匙添加到github上

用户头像→Settings→SSH and GPG keys→New SSH key→将id_rsa.pub中的内容复制到Key文本框中,然后点击Add SSH key(添加SSH)按钮。

安装 hexo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
# 安装hexo
npm install hexo-cli g

# 初始化博客文件夹
hexo init blog1

# 切换到该路径
cd blog1

# 安装hexo的扩展插件
npm install

# 安装其它插件
npm install hexo-server --save
npm install hexo-admin --save
npm install hexo-generator-archive --save
npm install hexo-generator-feed --save
npm install hexo-generator-search --save
npm install hexo-generator-tag --save
npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save

# 生成静态页面
hexo g

# 开启本地服务器
hexo s

安装 Butterfly 主题

首先进入 blog1 目录下:

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

应用主题

修改 Hexo 根目录下的 ,把主题改为_config.ymlbutterfly

1
theme: butterfly

安装插件

如果你没有 pug 以及 stylus 的渲染器,请下载安装:

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

建议

在 hexo 的根目录创建一个文件,并把主题目录的内容复制到 去。 ( 注意: 复制的是主题的 _config.yml ,而不是 hexo 的 _config.yml _config.butterfly.yml _config.yml_config.butterfly.yml)

注意: 以后只需要在 进行配置就行。
如果使用了 , 配置主题的 将不会有效果。_config.butterfly.yml _config.butterfly.yml _config.yml

Hexo会自动合并主题中的和里的配置,如果存在同名配置,会使用的配置,其优先度较高。

_config.yml >_config.butterfly.yml >_config.butterfly.yml

运行

1
2
3
4
$ hexo clean   	#清除编译
$ hexo g #编译
$ hexo s #展示
$ hexo d #上传git