Hexo + Butterfly 搭建个人网站（一）

1、安装butterfly主题

1. 在hexo项目根目录下下载主题。

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

2. 安装 pug 和 stylus 渲染器。

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

3.修改项目根目录下的 _config.yml 文件（称为站点配置文件），开启主题。

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

4.升级版本建议

为了減少升级主题带来的不便，根目录下创建 _config.butterfly.yml 文件，把主题文件夹中的 _config.yml 代码复制到  _config.butterfly.yml 下与 配置文件的 _config.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 的配置，其优先度较高。

标签页

1、前往你的 Hexo 博客的根目录，打开终端
2、输入 hexo new page tags 命令
3、会生成 source/tags/index.md 这个文件
4、在文件里添加 type: "tags"

分类页

1、前往你的 Hexo 博客的根目录，打开终端
2、输入 hexo new page categories 命令
3、会生成 source/categories/index.md 这个文件
4、在文件里添加 type: "categories"

友情链接

1、前往你的 Hexo 博客的根目录，打开终端
2、输入 hexo new page link
3、会生成 source/link/index.md 这个文件
4、在文件里添加 type: "link"

本地

- class_name:   友情链接
  class_desc: 那些人，那些事
  link_list:
    - name: 友链名
      link: 网址
      avatar: 图片地址
      descr: 介绍
    - name: 友链名
      link: 网址
      avatar: 图片地址
      descr: 介绍

远程

        从 4.0.0 开始，支持从远程加载友情链接，远程拉取只支持 json。

        选择远端后，本地的会失效
        在 source/link/index.md 这个文件的 front-matter 添加远程链接

        flink_url: xxxxx

404页面

主题内置了一个简单的 404 页面，可在设置中开启

本地预览时，访问出错的网站是不会跳到 404 页面的。

如需本地预览，请访问 http://localhost:4000/404.html

# A simple 404 page
error_404:
  enable: true   # 是否开启
  subtitle: "页面没有找到"
  background:  图片地址