路仔小屋

快乐每一天^_^

修改蝴蝶主题样式

aluz 2026年10月05日 编辑

文章配图

默认是这样的,之后参照网上有关主题,请豆包修改了一下,变成现在的样式。用一段时间吧。喜欢双栏。

  1. 新建文件:source/css/card-hover.css,把所有自定义样式(卡片悬浮、全局 zoom 缩放、导航 hover 等)写进去
  2. 修改 _config.butterfly.yml:在 inject.head 增加一行引入这个 css

    inject:
      head:
     - <link rel="stylesheet" href="/css/banner-height.css">
     - <link rel="stylesheet" href="/css/compact-list.css">

    顺便解决了,网站统计不了的问题。 busuanzi 原理:把原来 busuanzi.ibruce.info 换成 vercount 镜像,国内访问稳定,统计逻辑完全
    兼容。

    CDN:
      internal_provider: local
      third_party_provider: jsdelivr
      version: true
      custom_format:
      option:
     busuanzi: https://events.vercount.one/js

    补记:修改增加“阅读全文...”

    本次涉及的文件(最终状态)

表格

themes/butterfly/layout/includes/mixins/indexPostUI.pug 在摘要后服务端渲染「阅读全文...」
主题文件,升级 Butterfly 会被覆盖,是最需要备份的一处
source/css/compact-list.css「阅读全文...」的样式(加粗、蓝色、右对齐、右留两格)独立文件,升级主题不影响
_config.butterfly.yml inject 部分(head 引用两个 css;bottom 已清空)