Butterfly 友链魔改教程
最近修改了友链页面的样式,顺便把友链中的头像换成了精灵图,今天出一期教程。
JS改造计划实践
通过JS生成博客侧边栏中的内容,将侧边栏从HTML代码中解放出来。
前置:JS改造计划简介暨预备内容
这篇博文是JS改造的前置教程——生成JS运算所需的JSON文件。
给博客添加追番页面
在
hexo-bilibili-bangumi
的基础上自行编写了前端页面。通过JS生成最新文章和相关推荐
通过修改最新文章和相关推荐的生成方式解决每次更新博文都需要刷新HTML缓存的问题。
给博客添加自定义的通知悬浮窗
使用JS和CSS给博客添加美化的通知悬浮窗,理论上兼容任何框架及主题。
使用JS禁用网页滚动条
修改了页面滚动条后,主题以及外部JS自带的隐藏滚动条来防止页面滚动的代码失效了,最终通过JS修复了这一问题。
给博客添加刷新缓存按钮
在博客页面右下角的菜单栏中添加刷新本地缓存按钮。
给博文添加复制链接按钮
现在的分享按钮实在是有些鸡肋,点分享还需要手机扫码,甚至手机点还需要扫码分享,所以干脆弄个按钮点击复制链接好了。
Butterfly 魔改日志
这次想要更新一下主题的版本,但是发现自己完全不记得自己修改过哪些文件了,所以只能从头重新魔改一遍。有了前车之鉴,我决定将所有魔改记录全部记录在这篇博文中。