前言

之前用的fluid主题，心血来潮换成了butterfly，感觉还不错，不过可配置项就会多出很多，官方文档虽然全面但是顺序有点乱七八糟不好找，所以按自己的顺序写一些经常用到的配置项

页面

主图片

顶部图

文章封面

主页图片大小配置

主页

网站背景

副标题

页面加载动画

侧边栏

侧边排版

导航栏-Navigation bar

导航栏设置

底部

页脚自定义文本

Front-matter

写法 解释
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的配置)
random 【可选】配置友情链接是否随机排序（默认为 false)

文章

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)
abcjs 【可选】加载 abcjs (当设置 abcjs 的 per_page: false 时，才需要配置，默认 false )

特殊语法(Note/相册/按钮/流程图/Tabs/timeline/乐谱/链接界面)

标签外挂（Tag Plugins）

其他

友链

友情链接随机排序只需要在顶部 front-matter 添加 ·random: true

1
2
3
4
- name: Twitter
  link: https://twitter.com/
  avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png
  descr: 社交分享平台

图库

图库官方文档

音乐

代码

代码(Code Blocks)

社交图标

font-awesome v6 图标

社交图标文档

1
2
3
social:
  fab fa-github: https://github.com/xxxxx || Github || "#hdhfbb"
  fas fa-envelope: mailto:[email protected] || Email || "#000000"