hexo的Butterfly 主题

安装

在你的博客根目录里

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

应用主题

修改站点配置文件_config.yml，把主题改为butterfly

安装插件

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

把主题文件夹中的_config.yml复制到Hexo根目录里，同时重新命名为_config.butterfly.yml。

以后只需要在_config.butterfly.yml进行配置就行。

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

升级
升级方法：在主题目录下，运行git pull

页面参数

--- 
title: 
date: 
updated: 
type: 
comments: 
description: 
keywords: 
top _img: 
mathjax: 
katex: 
aside: 
aplayer: 
highlight_ shrink: 
---

文章参数

--- 
title: 
date: 
updated: 
tags: 
categories: 
keywords: 
description: 
top _img: 
comments: 
cover: 
toc: 
toc_ number: 
copyright: 
copyright _author: 
copyright_ author _href: 
copyright_ url: 
copyright _info: 
mathjax: 
katex: 
aplayer: 
highlight_ shrink: 
aside: 
---

标签页

前往你的Hexo 博客的根目录

输入hexo new page tags

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

修改这个文件：

--- 
title:标签
date: 2018-01-05 00:00:00 
type: "tags" 
---

分类页

前往你的Hexo 博客的根目录

输入hexo new page categories

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

修改这个文件：

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

友情链接

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

创建友情链接页面
前往你的Hexo 博客的根目录
输入 hexo new page link
你会找到source/link/index.md这个文件
修改这个文件：

--- 
title:友情链接
date: 2018-06-07 22:17:49 
type: "link" 
---

友情链接添加

在Hexo博客目录中的source/_data，创建一个文件link.yml

- class_name: 友情链接
  class_desc: 那些人，那些事
  link_list:
    - name: JerryC
      link: https://jerryc.me/
      avatar: https://jerryc.me/image/avatar.png
      descr: 今日事,今日毕
    - name: Hexo
      link: https://hexo.io/zh-tw/
      avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
      descr: 快速、简单且强大的网志框架

- class_name: 网站
  class_desc: 值得推荐的网站
  link_list:
    - name: Youtube
      link: https://www.youtube.com/
      avatar: https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png
      descr: 视频网站
    - name: Weibo
      link: https://www.weibo.com/
      avatar: https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png
      descr: 中国最大社交分享平台
    - name: Twitter
      link: https://twitter.com/
      avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png
      descr: 社交分享平台

语言

修改站点配置文件 _config.yml

默认语言是en

主题支持三种语言

default(en)
zh-CN (简体中文)
zh-TW (繁体中文)

网站资料

修改网站各种资料，例如标题、副标题和邮箱等个人资料，请修改博客根目录的_config.yml

导航菜单

修改 主題配置文件

menu:
  首页: / || fas fa-home
  时间轴: /archives/ || fas fa-archive
  标签: /tags/ || fas fa-tags
  分类: /categories/ || fas fa-folder-open
  清单|| fa fa-heartbeat: 
    -音乐|| /music/ || fas fa-music 
    -照片|| /Gallery/ || fas fa-images 
    -电影|| /movies/ || fas fa-video
  友链: /link/ || fas fa-link
  关于: /about/ || fas fa-heart

顶部图

配置中的值：

文章置顶

【推荐】hexo-generator-index从2.0.0开始，已经支持文章置顶功能。你可以直接在文章的front-matter区域里添加sticky: 1属性来把这篇文章置顶。数值越大，置顶的优先级越大。