Important
- 博客由 Jekyll Next到 Hexo Butterfly，此次属于跨代升级了（2018 —— 2025）。历时近一个月重构部署完毕。
- 后续相关调整或更新见：https://hoochanlon.github.io/posts/15347.html
Butterfly 首页部分
Splayer 音乐板块1
其他独立模块内容，包括：导航、番茄钟、日历、todo
自用导航
日历、番茄钟、todo
除主题自带的效果，额外实现如下：
- 看板娘
- 樱花飘落
- 字体采用霞鹜文楷、JetBrains Mono
- 刷新或点击不同栏目更换背景图片
- 超链接可转成卡片
- 实现亚克力、毛玻璃、液态玻璃效果
- 重定向美化，重定向提醒呈现半透明玻璃卡片效果
除主题现有功能，新增内容如下：
- AI摘要
- 天气
- 导航
- todo
- 日历
- 时钟
- 重要日期倒计时
- 番茄钟
- 站点后台数据分析
- 博客文章信息统计
文章过期提示(主题现有)- 文章加密
以及优化部分：
- 首页图固定，其余页刷新即换
- 考虑到阅读因素，移除樱花飘落效果
- 考虑看板娘的情绪价值过低（没AI），已优化
- 针对归档采用额外规则分页
- 针对重定向，重写重定向页面
- 微信由跳转二维码链接，改进为下方展示二维码
参考内容较多，分类整理过程中难免有所遗漏。本文旨在汇总常用的 Hexo 插件、主题配置、UI 优化方案及第三方服务，便于快速查找与集成。
参考文章及项目
- HCLonely Blog - Hexo 博客美化
- 使用Charts插件给Butterfly增加统计图表 | Guo Le's Blog
- Hexo 博客文章统计图
- Next 7.0+ 实现文章加密 | Alex_McAvoy
- Hexo博客进阶：为 Next 主题添加 Waline 评论系统 | 小谢的小站
- 使用abbrlink生成永久链接 | RikoNekoの猫窝
- Hexo的Butterfly主题 添加AI摘要 | ZiMu
- 安装 | TianliGPT
- gulp 压缩 hexo 博客的静态资源（css、js、html） | 马斯克的赛博空间
- Tag Plugins Plus | Akilarの糖果屋
- Butterfly外挂标签用法学习
- butterfly常用标签外挂
- 暴涨75k星！本地部署超强备忘录Memos，不只是记笔记！ - 知乎
- butterfly 代码块中的所有功能
- hexo-theme-butterfly 修改分割线的样式 - 洛语 の Blog
- Hexo-Butterfly主题解决B站视频自适应的方法-我不是咕咕鸽
- Butterfly 文檔(三) 主題配置 | Butterfly
- 【Hexo】使用hexo-markdown-it实现渲染markdown脚注能力 | 慕雪的寒舍
- 【Hexo】更高级的Markdown渲染器 | Everett Rain
- Butterfly 主题更改字体 | 开罗猫老大
- hexo+butterfly 导航栏居中 | LUCKYLYH
- Butterfly 主题一图流背景及文章顶部图修改 | Gzzz's Blog
- butterfly主题美化之背景毛玻璃效果 | Welcome To My-Blog
- Hexo动态效果 | LuosBlog
- [Butterfly 引入卡片链接 | 欢迎来到爱谦 717 的博客](https://bczblog.online/2025/08/28/Butterfly/Butterfly 引入卡片链接/index.html)
- Add Blog Animation – Wowjs
- Butterffly 分类页和标签页隐藏侧栏
- Butterfly导航栏美化 | June's Blog
- 解决Butterfly页脚养鱼在切换页面时不生效的问题
- 懒加载动画效果
- 自定義側邊欄 | Butterfly
- Butterfly:为博客添加微软Clarity数据统计 | YvYang's Blog
- aristorechina/Tomodoro_Chinese: 一款带有画中画模式、白噪声生成、任务等功能的番茄钟 Web 应用！
- fletchto99/hexo-sliding-spoiler: A sliding spoiler for hexo
- ricocc/uiineed-todo-list: Todo List Online - Minimalist, No-Login Required Web Todo App
- xyxc0673/calendar-remark: A simple calendar with nice design for remarking a date
- stevenjoezhang/live2d-widget: 把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform
- hexo 搭建一个音乐馆 | Peter-JiY's Blog
- hexo配置安知鱼音乐页面
- NeteaseCloudMusicApiEnhanced/api-enhanced: 🔍 A revival project for NeteaseCloudMusicApi Node.js Services || 网易云音乐 API 备份 + 增强 || 本项目自原版v4.28.0版本后开始自行维护
- imsyy/SPlayer: 🎉 一个简约的音乐播放器，支持逐字歌词，下载歌曲，展示评论区，音乐云盘及歌单管理，音乐频谱，移动端基础适配 | 网易云音乐 | A minimalist music player
- SPlayer部署指南 - 部署一个免费强大的第三方网易云音乐播放器 | My Space (๑•̀ㅂ•́)و✧
- butterfly 的魔改记录 | qxdn的乐园（#信封留言板）
- 信笺样式留言板 | Akilarの糖果屋
- tianyaxiang/NavSphere: NavSphere： 一个基于 Github 存储的网址导航程序 支持一键部署至 Vercel，数据存储在 Github，零成本搭建一个网站导航！
- 写了一份手把手教你部署导航站管理系统的指南，请查收
- 时间插件（ClockZone）
- 时间插件（Time.is）
- 天气插件
- 【butterfly】分类磁贴插件版 | 雷雷的个人博客
- butterfly主题魔改10：分类页面魔改 | kukualのblog
- hoochanlon/hexo-butterfly-category-card-fork: hexo-butterfly-category-card-fork
- Butterfly日历卡片
- Hexo添加访客信息和地图
- https://artitalk.js.org
- pexels（照片式）
- wallspic（以终端适配为主）
- wallhaven.cc （各类图片搜索）
- 动漫图片超分辨率 Real-CUGAN
- 随机二次元图片API接口 - 免费高清动漫壁纸服务 | UAPI
- butterfly随机背景最简单的写法 | 小冰博客
Thanks
Footnotes
-
因流量负载过大音乐播放器由Splayer更换为安知鱼音乐页面 ↩