1863 字
9 分钟
Butterfly主题魔改日志
2024-07-18

插件包#

.
├── hexo-wordcount
└── hexo-history-calendar
└── hexo-butterfly-footer-beautify
└── hexo-generator-search
└── hexo-butterfly-swiper
└── live2d-widget
......

hexo-wordcount(字数统计): Github hexo-history-calendar(往年今事): jsdelivr hexo-butterfly-footer-beautify(页脚美化): Github hexo-generator-search(本地搜索): Github hexo-butterfly-swiper(置顶文章轮播卡片) : Github live2d-widget(Lived2d看板娘) : Github

2024 Butterfly更新日志#

{% timeline 7月 %}

1 . 添加 侧边栏的那年今日插件

2 . 添加 搜索功能插件

3 . 添加 友人帐

4 . 添加 页脚徽标插件

5 . 添加 页面加载动画Pace

6 . 修改 侧边栏最近文章图片边框样式为:圆角

7 . 修改 侧边栏头像样式为:禁用动画

8 . 修改 侧边栏名称字体样式为:Comic Sanc MS

9 . 修改 文章中图片样式边框为:圆角

10 . 修改 友人帐鼠标悬停动画样式为:立体效果

11 . 修改 友人帐极速导航边框样式:青色虚线

1.添加 标签页面

2.添加 分类页面

3.添加 社交小图标

4.添加 页面背景

5.启动文章超时提醒

6.启动 繁体简体转换功能

7.添加 左上角LOGO及顶部标题字体样式

8.修改 侧边栏分类&归档的悬停动画样式为:立体效果

6.修改 侧边栏戳一下按钮悬停动画样式为:立体效果

7.修改 侧边栏标签悬停动画样式为:扩张效果

8.修改 侧边栏社交小图标样式为:禁过渡动画

9.修改 滚动条颜色样式为:热粉

10.修改 侧边栏&导航栏小图标

11.修改 标签&归档%分类页面为:不显示顶部封面

12.修改 侧边栏目录悬停动画样式为:立体效果

13.修改 文章代码块边框样式为:圆角

14.修改 页脚背景样式为:透明渐变

15.关闭 顶部封面(默认为若没有封面,则不留白)

16.修改 文章代码块边框样式为:圆角

17.修改 文章上下篇图形边框样式为:圆角

1.添加 关于我页面

1.修改 导航栏边框样式为:圆角 source/css/custom.css

2.修改 导航栏位置:居中

3.修改 背景为:svg格式

4.启用 代码高度限制

5 . 更换 全局字体为:Varela Round

1 . 修复 友人帐圆角不匹配问题

2 . 更换 主页顶部壁纸

1 . 调整 主页文章列表边框高度及内容大小 2 . 修复 导航栏字体大小不对等问题

1 . 新增 萌ICP备案徽标

1 . 引入 Jetbrains Mono字体作为代码字体

1 . 移除 页脚渐变效果

1 . 移除 导航栏工具栏 2 . 添加 导航栏算法 3 . 优化 图片和插图采用chinajsdelivrCDN通道加速。

1 . 开启 不显示顶部图disable_top_imgindex_img 2 . 关闭 主页封面 3 . 关闭 侧边栏分类卡片

1 . 开启 文章标题图标并调整样式

{% endtimeline %}

{% timeline 8月,green %}

1 . 添加 相册页面

1 . 添加 Waline评论系统

1 . 添加 文章字数统计插件 2 . 新增 友链极速导航站点 3 . 修改 侧边栏评论者头像边框样式:圆角

1 . 修改 导航栏边框圆角为100px

1 .添加 CDN(jsDelivr)提升页面加载速度 2 . 添加 页面加载动画

{% endtimeline %}

{% timeline 10月, pink%}

1 . 添加 live2d看板娘

1 . 更新 文章顶部封面为 一图流背景 2 . 更新 页脚美化 3 . 调整 主页文章卡片长度 4 . 调整 所有卡片及其文章背板背景为 半透明色 5 . 添加 置顶文章轮播卡片 6 . 调整 主页顶部轮播标题大小及位置 7 . 关闭 顶部视频

1 . 新增 FPS帧率检测显示功能

1 . Butterfly主题已更新至5.1.0 2 . 修复引用块圆角边框

{% endtimeline %}

{% timeline 11月, orange%}

1 . 更新友联失联名单,友联边框及其申请信息注意点

1 . 更新 主页标题及轮播文字 为荧光文字效果 2 . 更新 导航栏图标 为阿里云矢图标 3 . 更新 侧边栏个人资料卡背景 为渐变色

1 . 更新 全局字体为 筑紫A丸子 2 . 更改 全局字体为 造字工房悦圆演示版常规体 3 . 关闭 主页轮播文章插件

由于使用了过渡动画,导致页面变得异常卡顿,所以我选择使用静态渐变色

1 . 关闭 主页标题及轮播文字的荧光文字效果 2 . 关闭 侧边栏个人资料卡及版权卡背景的 动态(动画)渐变色

1 . 使用中文网字计划CDN引入字体 2 . 更改 全局字体为 霞鹜文楷

1 . 更新 博客背景图使用 随机壁纸API接口 (API来源) 2 . 更换 live2d看板娘 图源cdnPath API接口 (API来源)

1 . 新增 页面 我的设备 2 . 重构 页面 我的装备 3 . 更新 导航栏顺序

1 . 新增 日志时间轴 2 . 调整 魔改日志 为时间轴结构

1 . 调整 文章背景卡与主页卡片圆角度为:12px

{% endtimeline %}

2025 Butterfly更新日志#

{% timeline 2月 %}

好久没更新过blog了,看了一下,打算重新魔改一个样式,顺便升级一下BF的版本。其实,我也不知道改成什么样,只是觉得越简约越好,后来,在萌ICP看到了博主:贰猹の小窝,由此产生了灵感,所以后面的样式走向,也基本和该博主的差不多… 1 . Butterfly主题已更新至5.3.2 2 . 关闭侧边栏 3 . 全局背景改为:渐变色 4 . 导航栏居中化 5 . 替换大部分矢量图标 6 . 导航栏背景关闭半透明状

1 . 单独设置文章右侧的目录卡

{% endtimeline %}

1 . 关闭外链字体源,全局使用’Consolas’

{% timeline 7月 %}

1 . 关闭外链字体源,全局使用’Consolas’

1 . 更换友人帐各友链的卡片边框样式 2 . 更换所有页面主卡片边框样式 3 . 更换导航栏子选项卡边框样式 4 . 更换文章版权卡片边框样式

1 . 重新启动评论区

{% endtimeline %}

Butterfly主题魔改日志
https://mizuki.mysqil.com/posts/butterfly主题魔改日志/
作者
Almango
发布于
2024-07-18
许可协议
CC BY-NC-SA 4.0
封面
示例歌曲
示例艺术家
封面
示例歌曲
示例艺术家
0:00 / 0:00