Butterfly 主题魔改记录

最新推荐文章于 2024-07-26 01:34:03 发布

云玩家-cloud

最新推荐文章于 2024-07-26 01:34:03 发布

阅读量3.7k

点赞数 1

本文链接：https://blog.csdn.net/qq_42579187/article/details/105572236

版权

本文记录了对 Butterfly 主题的各种魔改，包括去除 Mathjax 公式滚动条、设置页面透明度、移除 post 侧边栏滚动条、添加随机背景和页脚图片等，提供了一步一步的修改指南，方便其他用户参考和应用。

摘要由CSDN通过智能技术生成

记录下我对 Butterfly 主题的魔改, 一方面可供参考, 另一方面可以记录下自己的修改方便查找.

本博客已开源! 请看 Hexo modify theme butterfly. 以下魔改部分集合到魔改主题, 部分已放弃 (不兼容或者其他原因). 如果更改失效, 可能是版本问题, 如果想要尽快使用这些魔改, 最便捷的方式是直接使用我的魔改主题. 魔改主题保留了所有原配置, 所有魔改配置均可关闭.

Mathjax 公式渲染去除滚动条

进入 source/css/_layout/third-party.styl , 找到如下内容

.has-jax
  overflow: auto

改成

.has-jax
  overflow: visible

效果看我博客.

进入source/css/_layout/page.styl 文件, 找到以下内容

.layout_page
  display: flex
  align-items: flex-start
  margin: 0 auto
  padding: 2rem 15px
  max-width: 1200px

后面加上 opacity:0.7 改为

.layout_page
  display: flex
  align-items: flex-start
  margin: 0 auto
  padding: 2rem 15px
  max-width: 1200px
  opacity:0.7

这里的 0.7 是透明度, 取值 0~1 , 越大越不透明, 越小越透明, 可以自己取值.

文章有标题时, 左边就会出现侧边栏, 而侧边栏的滚动条实在是不太美观, 于是隐藏掉.

进入 layout/includes/sidebar.pug 看到以下内容

      if (page.encrypt == true)
        div.sidebar-toc__conten

关注