Hexo框架、butterfly主题

1.开始

1.1 配置

在hexo的项目根目录中：下载butterfly

git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly

1.2 配置主题

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

theme: butterfly

1.3 安装插件

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

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

1.4 修改主题

为了减少升级主题后带来的不便：

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

2. 页面

标签、分类、友情页是必须要有的！其他自行添加。

2.1 标签页

  1. 前往你的 Hexo 博客的根目录

  2. 输入 hexo new page tags

  3. 你会找到 source/tags/index.md 这个文件

  4. 修改这个文件：

  5. 记得添加 type: "tags"

---
title: 标签
date: 2018-01-05 00:00:00
type: "tags"
orderby: random
order: 1
---

2.2 分类页

  1. 前往你的 Hexo 博客的根目录

  2. 输入 hexo new page categories

  3. 你会找到 source/categories/index.md 这个文件

  4. 修改这个文件：记得添加 type: "categories"

---
title: 分类
date: 2018-01-05 00:00:00
type: "categories"
---

2.3 友情链接

为你的博客创建一个友情链接

  1. 创建友情链接页面
    前往你的 Hexo 博客的根目录

  2. 输入 hexo new page link

  3. 你会找到 source/link/index.md 这个文件

  4. 修改这个文件：记得添加 type: "link"

3.主题配置

更多配置直接查看作者文档即可：Butterfly 安裝文檔(三) 主題配置-1 | Butterfly

img

问题

a.上传丢失自定义域名

问题：上传Github后CAMNE文件丢失，自定义域名需要重新配置。

解决：打开安装好的Hexo框架文件目录的source文件，将CNAME文件复制粘贴到此目录中，之后在Git-bash中输入hexo c && hexo g && hexo d即可。

注： CNAME中写的是自定义域名地址例如 xxx.com，与云服务器中的域名配置相匹配。