Hexo + Butterfly 搭建

参考

[Hexo + Butterfly 搭建个人网站（一）_hexo主题-CSDN博客](https://blog.csdn.net/m0_69079573/article/details/131282524#:~:text=标签页 1 、前往你的 Hexo 博客的根目录，打开终端 2 、输入 hexo,source%2F tags %2Findex.md 这个文件 4 、在文件里添加 type%3A “tags”)

【Hexo】Hexo搭建Butterfly主题并快速美化_hexo主题_CoolTiger、的博客-CSDN博客

Hexo中Buttefly主题美化进阶（八） - 知乎 (zhihu.com)

hexo博客添加标签、分类、归档、关于等页面_hexo 分类-CSDN博客

1、安装butterfly主题
在hexo项目根目录下下载主题。
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

  1. 安装 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: 图片地址