博客魔改笔记记录

前提

我的博客框架是基于静态博客Hexo程序，一个非常简洁强大的博客框架

主题使用的是 🦋 A Hexo Theme: Butterfly，基于最新版本使用

（实际上旧版本更好点，很多教程基于旧版本所以导致我很多都不适配）

正文

实际上，洪哥已经专门的去整合过了，但是有的教程链接没法打开，或有些教程有的萌新是真的没法看懂(大多数都是技能树没点齐全导致自己没头脑)

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

从零开始 | Butterfly主题美化教程

这个网站是通过一些基础的教程可以让你入门Butterfly魔改，也就是定制你自己的Butterfly主题

列出我使用的美化文章，方便使用后续更新修改，仅供记录

右键美化

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

butterfly博客自定义右键菜单升级版 | Ariasakaの小窝

参考了Dorakika的原版右键菜单，并在此基础上进行了一些改进

不多做补充，文章写的十分详细，包块需要在什么文件添加什么代码/操作

页脚翻页时钟计时

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

页脚翻页时钟计时 | Akilarの糖果屋

`Butterfly`主题`v3.4.0`及其以后版本基本已经实现完全去jquery化，而本帖有使用到jquery，不想再次引入js的可以考虑使用站内的原生JS计时器

添加侧边栏电子钟

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

给butterfly添加侧边栏电子钟 | 安知鱼

`Butterfly`主题`v3.4.0`及其以后版本基本已经实现完全去jquery化，而本帖有使用到jquery，不想再次引入js的可以考虑使用站内的原生JS计时器

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

添加侧边栏电子钟 | Akilarの糖果屋

插件与安知鱼的配置冲突，自行选择

后续可以通过配置文件进行开关，本站是已经弃用了这个模块

外挂标签

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

外挂标签| Akilarの糖果屋

如有使用了本站的外挂标签插件的读者，请确保自己的配置内容为最新

什么是外挂标签？简单说就是用于各种模块组件，例如：

动态分类条

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

动态分类条 | 张洪Heo

Butterfly魔改：动态分类条，可以根据页面变化而改变的分类列表展示方式

这里我修改了洪哥的代码才实现的适配，不做修改可能会导致下边没用空隙贴着文章，或有字体显示不平均，大家可以自行修改即可，不懂多问问

首页置顶文章

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

轮播手动置顶文章 | Akilarの糖果屋

本项目是对冰卡诺老师写的[教程：基于Butterfly主题的轮播手动置顶文章](https://zfe.space/post/11009.html)进行重构，精简了部分样式。适配pjax

文章个性名片

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

给博客添加个性名片 | Akilarの糖果屋

给文章加一个储蓄卡样式的个性名片

注意，糖果屋店长教程默认名片显示在版权信息上方，如果想像我这样调整至下方，就要把/themes/butterfly/layout/post.pug 文件，把店长要添加的代码调至这个地方即可

分类条及外链卡片

要是觉得店长的外联卡片不好看，可以尝试一下柳哥的

✅来自本站|博友,本站可确保其安全性,不排除DNS挟持记得反馈

魔改笔记七：分类条及外链卡片 | LiuShen's Blog

由于本次魔改修改了主题内部文件，一定要注意提前备份！一定要注意提前备份！一定要注意提前备份！如果没有魔改基础建议紧跟教程

末尾

目前截止至2024/8/23的修改美化了，如果有你需要的也可以做个参考，后面有空在考虑继续修改