hexo-Butterfly-2-生成文章和页面

博客站：梧桐的学习日记

工具站：你的美好等我去发现

欢迎访问我的网站与公众号！点击与扫码即可进入，谢谢关注！

_config.butterfly.yml设置：

新建文章和页面 Front-matter

1. 在/source/_posts里新建markdown文件，前面加上Front-matter直接变成文章

   ---
   title	    【必需】文章标题
   date	    【必需】文章创建日期
   updated	    【可选】文章更新日期
   tags	    【可选】文章标签
   categories	【可选】文章分类
   keywords	【可选】文章关键字
   description	【可选】文章描述
   top_img	    【可选】文章顶部图片
   cover	    【可选】文章缩略图(如果没有设置top_img,文章页顶部将显示缩略图，可设为false/图片地址/留空)
   comments	【可选】显示文章评论模块(默认 true)
   toc         【可选】显示文章TOC(默认为设置中toc的enable配置)
   toc_number  【可选】显示toc_number(默认为设置中toc的number配置)
   toc_style_simple	    【可选】显示 toc 简洁模式
   copyright	            【可选】显示文章版权模块(默认为设置中post_copyright的enable配置)
   copyright_author	    【可选】文章版权模块的文章作者
   copyright_author_href	【可选】文章版权模块的文章作者链接
   copyright_url	        【可选】文章版权模块的文章连结链接
   copyright_info	        【可选】文章版权模块的版权声明文字
   mathjax                 【可选】显示mathjax(当设置mathjax的per_page: false时，才需要配置，默认 false)
   katex                   【可选】显示katex(当设置katex的per_page: false时，才需要配置，默认 false)
   aplayer	                【可选】在需要的页面加载aplayer的js和css,请参考文章下面的音乐 配置
   highlight_shrink	    【可选】配置代码框是否展开(true/false)(默认为设置中highlight_shrink的配置)
   aside	                【可选】显示侧边栏 (默认 true)
   sticky                  文章置顶。数值越大，置顶的优先级越大。
   ---

2. 页面

   ---
   type	    【必须】页面类型，必须为 tags
   orderby	    【可选】排序方式 ：random/name/length
   order	    【可选】排序次序： 1, asc for ascending; -1, desc for descending
   title	    #【必需】页面标题
   date	    #【必需】页面创建日期
   type	    #【必需】标签、分类和友情链接三个页面需要配置
   updated	    #【可选】页面更新日期
   description	#【可选】页面描述
   keywords	#【可选】页面关键字
   comments	#【可选】显示页面评论模块(默认 true)
   top_img	    #【可选】页面顶部图片
   mathjax	    #【可选】显示mathjax(当设置mathjax的per_page: false时，才需要配置，默认 false)
   katex	    #【可选】显示katex(当设置katex的per_page: false时，才需要配置，默认 false)
   aside	    #【可选】显示侧边栏 (默认 true)
   aplayer	    #【可选】在需要的页面加载aplayer的js和css,请参考文章下面的音乐 配置
   highlight_shrink	#【可选】配置代码框是否展开(true/false)(默认为设置中highlight_shrink的配置)
   ---

举例

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

标签页 ->直达

命令 hexo new page tags 生成source/tags/index.md
类型： type: "tags"

分类页

命令：hexo new page categories 生成source/categories/index.md
类型： type: "categories"

友情链接

命令：hexo new page link 生成source/link/index.md
类型： type: "link"

添加友链修改 source/_data/link.yml
比如添加三个友链网站，class_name和 class_desc 支持 html 格式书写，如不需要，也可以留空。

- 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: 社交分享平台

相册

图库

<div class="gallery-group-main">
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
</div>

name：图库名字
description：图库描述
link：连接到对应相册的地址
img-url：图库封面的地址

<div class="gallery-group-main">
{% galleryGroup '壁纸' '收藏的一些壁纸' '/Gallery/wallpaper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %}
{% galleryGroup '漫威' '关于漫威的图片' '/Gallery/marvel' https://i.loli.net/2019/12/25/8t97aVlp4hgyBGu.jpg %}
{% galleryGroup 'OH MY GIRL' '关于OH MY GIRL的图片' '/Gallery/ohmygirl' https://i.loli.net/2019/12/25/hOqbQ3BIwa6KWpo.jpg %}
</div>

相册

{% gallery [lazyload],[rowHeight],[limit] %}
markdown 图片格式
{% endgallery %}

lazyload 【可选】点击按钮加载更多图片，填写 true/false。默认为 false。
rowHeight 【可选】图片显示的高度，如果需要一行显示更多的图片，可设置更小的数字。默认为 220。
limit 【可选】每次加载多少张照片。默认为 10。
例：

{% gallery %}
![](https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg)
![](https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg)
![](https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg)
![](https://i.loli.net/2019/12/25/d6QHbytlSYO4FBG.jpg)
![](https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg)
![](https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg)
![](https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg)
![](https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg)
{% endgallery %}

404页面

# A simple 404 page
error_404:
  enable: true
  subtitle: "页面没有找到"
  background: 

代码高亮

Butterfly 支持6种代码高亮样式：

highlight_theme: light