前言

这篇文章会记录我对butterfly这个主题配置进行过的更改，加深一下印象。
方便我在之后忘记了可以回来这里看一眼。这篇文章会一直不定期的更新。
(前面更新记录丢了，要找会很麻烦，开摆。只记录2026/4/16之后的更改)

图片设置

顶部图大小

1
2
3
...
index_top_img_height: 450px # update in 2026-06-15
...

更新网站运行时间

1
2
3
4
5
6
7
8
9
card_webinfo:
  enable: true
  post_count: true
  last_push_date: true
  sort_order:
  # Time difference between publish date and now
  # Formal: Month/Day/Year Time or Year/Month/Day Time
  # Leave it empty if you don't enable this feature
  runtime_date: 4/13/2026 # update in 2026.4.16

加入网站加载动画(pace)

1
2
3
4
5
6
7
8
preloader:
  enable: true # update in 2026.4.16
  # source
  # 1. fullpage-loading
  # 2. pace (progress bar)
  source: 2 # update in 2026.4.16
  # pace theme (see https://codebyzach.github.io/pace/)
  pace_css_url: /pace/minimal.css # update in 2026.4.16

打开主题美化

1
2
3
4
5
6
7
8
beautify:
  enable: true # update in 2026.4.16
  # Specify the field to beautify (site or post)
  field: site # update in 2026.4.16
  # Specify the icon to be used as a prefix for the title, such as '\f0c1'
  title_prefix_icon: \f0c1 # update in 2026.4.16
  # Specify the color of the title prefix icon, such as '#F47466'
  title_prefix_icon_color: '#F47466' # update in 2026.4.16

添加评论区打字特效

1
2
3
4
5
activate_power_mode:
  enable: true # update in 2026.4.16
  colorful: true
  shake: false # update in 2026.4.16
  mobile: true # update in 2026.4.16

添加博客网站小图标

1
favicon: /img/Cyrene.png # update in 2026.4.16

添加主题页面

1
2
分类: /categories/ || fas fa-folder-open # update in 2026.4.17
友情链接: /link/ || fas fa-link # update in 2026.4.24

添加主题页面详情可见Butterfly官方文档。

关闭主页标签卡片

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
...
  card_tags:
    enable: true # update in 2026.06.15
    # If set 0 will show all
    limit: 40
    color: true # update in 2026.06.15
    custom_colors:
    # Order of tags, random/name/length
    orderby: random
    # Sort of order. 1, asc for ascending; -1, desc for descending
    order: 1
    ...
    card_announcement:
    enable: false # update in 2026.06.15
    content: 评论功能上线、新增友情链接。
  card_recent_post: 
    enable: false # update in 2026.06.15
    # If set 0 will show all
    limit: 5
    # Sort: date / updated
    sort: date
    sort_order:
  card_newest_comments:
    enable: true # update in 2026.06.15
    sort_order:
    limit: 6
    ...