1、安装butterfly主题
- 在
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: 图片地址