网站加载速度优化方案总结
简单总结一下我用到的优化网页加载速度的方案并提供简单教程。
通过JS生成最新文章和相关推荐
通过修改最新文章和相关推荐的生成方式解决每次更新博文都需要刷新HTML缓存的问题。
给博客添加自定义的通知悬浮窗
使用JS和CSS给博客添加美化的通知悬浮窗,理论上兼容任何框架及主题。
解剖SW原理暨博主SW实现
之前我们写了一个PWA的实现,其中用到了SW,今天我们来解读一下其中SW的奥妙。
使用JS禁用网页滚动条
修改了页面滚动条后,主题以及外部JS自带的隐藏滚动条来防止页面滚动的代码失效了,最终通过JS修复了这一问题。
给博客添加刷新缓存按钮
在博客页面右下角的菜单栏中添加刷新本地缓存按钮。
从零开始搭建博客
教你如何使用Hexo + Netlify搭建自己的博客。
基于Butterfly的PWA适配
最近几天又琢磨了琢磨博客的缓存,因为Workbox缓存实在是太大了,但是又不想完全舍弃缓存,所以就在群友的帮助下手写了sw.js。
给博文添加复制链接按钮
现在的分享按钮实在是有些鸡肋,点分享还需要手机扫码,甚至手机点还需要扫码分享,所以干脆弄个按钮点击复制链接好了。
Butterfly 魔改日志
这次想要更新一下主题的版本,但是发现自己完全不记得自己修改过哪些文件了,所以只能从头重新魔改一遍。有了前车之鉴,我决定将所有魔改记录全部记录在这篇博文中。