记一次更换主题

一直觉得 Butterfly 主题已经被我整成史山了,访问起来又慢又卡,遂于前几天开始更换主题计划,正好也换域名了,改改风格。

博客已经恢复更新,大概每1-2周一篇,假期速度会提高。

技术性移除

首先就是取消 PWA,PWA对我网站速度提升不能说是一点效果没有,也只能说是毫无帮助,不仅如此 ,还经常出现奇奇怪怪的BUG,比如资源加载不及时,子域名受干扰等等,总之就是时候取消了。

取消还要安装新npm包,这是因为 PWA 只有自己才能取消自己,除非更换域名或手动清除缓存,正好换域名,直接取消 PWA 设置即可。

卸载 PWA 的npm包后,整个网站的依赖问题直接解决大半。

再就是取消gulp压缩,剩下的依赖问题几乎都是从这里面来的,每次上传的时候都显示已被弃用等等。

取消之后,开始更换主题。

推送方式

以前一直是利用github的私有储存库储存博客源文件,然后通过actions生成html推送到公共仓库Cookie987/Cookie987.github.io

推送的时候一直是用hexo自带的push,但是它一直是强制push的,也就是说之前的commit都会消失,就没法很方便的查看更新日志。

以下是改进后的方法:

  1. 新建文件夹 develop

  2. 进入develop,初始化git,添加远程存储库

  3. 拉取

  4. 删除目录中除.git外的所有文件

  5. 复制public文件夹内容至本文件夹

  6. 通过变量获取私有库commit内容,并同步commit到公有库

  7. push

风格更改

更换和安装基本类似,去theme文件夹里一克隆就行,然后就是漫长的改配置。

改到关于页面的时候发现有很多设置不能取消,就开始传统艺能————魔改主题。

直接把一部分内容注释掉,这样就可以空着不填配置了。

友链页面还是老传统 Qexo,不采用安知鱼的方案~~,主要是有点麻烦~~。

页脚以前一直用的是店长的方案,换为安知鱼自带的。

访问速度

网站速度

因为网站托管在境外的 Vercel 上,于是采用杜老师的加速方案,解析后速度果然快了不少。

CDN

把更多的静态资源托管到 CDN 上了。

这里我用的方案是很多人都用的 GitHub + npm 发包方案,只要找个 unpkg 镜像站就行。

然后就突然发现饿了么CDN用不了了,只有旧版本的才能用,想访问新版本直接提示The specified key does not exist.,估计是羊毛被薅秃了,不同步小项目了。

更换为 jsDelivr镜像站

The end

最后发现,自己做成一件事还挺有成就感的,好久没有专注地做一件事了。