【自搭博客系统篇二】：更改博客主题 Hexo Butterfly

前言

上一篇已经简单介绍了如何搭建自己的博客系统，有了系统我们就可以随心所欲上传自己的博客咯。但是想要页面展示效果多样化，这就涉及到hexo的主题，今天就介绍下如何更改系统主题，让博客看起来更加高大上。

正文

1、打开hexo官网主题

https://hexo.io/themes/

2、上面有各种炫酷的主题，随便选择一款打开，这些主题都是在GitHub上开源的，所以拿出来直接用。
以butterfly 为例，打开连接

在本地站点根目录下将代码克隆至 themes目录下butterfly（可随意取名，后面会用到这个名字）

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

// 安装pug 和 stylus 渲染器。
npm install hexo-renderer-pug hexo-renderer-stylus --save

3、下载完成后，打开站点配置文件， 找到 theme 字段，并将其值更改为 butterfly（所有属性冒号后写值前都需有空格，如name: lee）

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: butterfly

4、为了方便配置主题，在 hexo 的根目录创建一个文件 _config.butterfly.yml，并把主题目录的 _config.yml 内容复制到 _config.butterfly.yml 去。( 注意: 复制的是主题的 _config.yml ，而不是 hexo 的 _config.yml)

注意： 不要把主题目录的 _config.yml 删掉

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

Hexo会自动合併主题中的 _config.yml 和 _config.butterfly.yml 里的配置，如果存在同名配置，会使用 _config.butterfly.yml 的配置，其优先度较高。

5、保存，重新部署

//清除缓存
hexo clean  
hexo g
hexo s

最后

这是相对简单的介绍如何更改系统主题，关于主题中还有其他细节配置，有各主题对于的文档，可参照细节修改