修改侧边栏分类排序规则

Butterfly的魔改教程：动态相册页

在目标网站的首页网址后加上/favicon.ico并敲下Enter，可以得到近 90%网站的 Logo 图标。

cdn生成的css，下载下来存放在本地自定义地方[Blogroot]/source/css/首页分类磁贴样式.css,以防增加别人网站负载。
custom_css: https://npm.elemecdn.com/hexo-butterfly-categories-card@1.0.0/lib/categorybar.css
使用相对路径，省略了主题文件夹的路径，因为 Hexo 在生成网站时会将必要的资源文件复制到 public/ 目录中，并调整它们的路径以便正确引用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# hexo-butterfly-categories-card 首页分类磁贴
# see https://akilar.top/posts/a9131002/
categoryBar:
  enable: true # 开关
  priority: 5 #过滤器优先权
  enable_page: / # 应用页面
  layout: # 挂载容器类型
    type: id
    name: recent-posts
    index: 0
  column: even # odd：3列 | even：4列
  row: 1 #显示行数，默认两行，超过行数切换为滚动显示
  message:
    - descr: 建站日志
      cover: https://npm.elemecdn.com/akilar-candyassets/image/cover1.webp
    - descr: Demo
      cover: https://npm.elemecdn.com/akilar-candyassets/image/cover2.webp
    - descr: 视频
      cover: https://npm.elemecdn.com/akilar-candyassets/image/cover3.webp
    - descr: 文献
      cover: https://npm.elemecdn.com/akilar-candyassets/image/cover4.webp
  custom_css: /css/首页分类磁贴样式.css

页面页脚高度控制在E:\myblog\blog_butterfly\themes\butterfly\source\css_layout\footer.styl

1
2
3
4
5
#footer-wrap
  position: relative
  padding: 30px 20px
  color: var(--light-grey)
  text-align: center

pug文件中可以直接使用表情符号Unicode https://emojipedia.org/

1
a(href='https://aligu99.github.io' title='aligu99🚀')