# 前言、失败的尝试

一直琢磨着如何处理老博客,偶然得知能够将它转换成静态网站后迁移到 Workers,岂不美哉!开始动手。

  1. 安装 wp2static 插件

插件 GitHub 页面:https://github.com/leonstafford/wp2static

zip 包被原作者下掉了,并说只用 100USD 就能下载 zip 包啦!好贵 +_+ 但好在作者仍然保持代码开源,于是自己打包了一个 zip 包。放在这里了:

https://github.com/THU-Pieris/Image/blob/main/files/wp2static.zip

下载完后登陆 Wordpress 管理页面安装就好了。

  1. 跟着 Workers 官方教程走一遍

整体并不麻烦。但问题是 —— 转换得并不完全 +_+ 很多图片和资源还是引用的原网站地址 —— 转换了,但没有完全转换 XD

# 一、向二刺猿屈服

思来想去还是决定搭一个静态博客。想着之前有搭 Hugo 经验了,应该不麻烦。Hugo 啥都好,就是好看的主题太少。新搭的 Hugo 站确实 responsive,Google PageSpeed Insights 能跑 100 分。但还是感觉干巴巴的,不好看。相比起来,Hexo 里好看的主题就非常之多,选来选去最终决定这个:

GitHub - amehime/hexo-theme-shoka: Just For https://shoka.lostyu.me/

真的好看。于是按照忘了是哪的教程火速搭了一个,整个过程非常顺利,基本没出啥问题。

截屏2022-01-11 下午3.21.27.png

fig: Hugo 博客的 PageSpeed 跑分截图

# 二、火坑|自定义主题配置

但装完主题才发现,配置主题才是最头疼的事情。

首先,Hexo 并没有 Hugo 自定义那么方便 ——Hugo 的 /themes/xxx-theme 的结构与根目录的结构完全一致,并支持在根目录新建同名文件以覆盖主题文件。但 Hexo 并不支持如此方便的自定义,能够自定义的东西十分有限,真要大改还是得直接动主题文件。

莫得办法,只好跑去原仓库 fork 一份,然后安装自己的 fork 版本并在上面修改。

主要想修改的地方有这几个

  1. 搜索功能

本主题使用 algolia 进行搜索。但是,

  • 这是一个第三方的服务,免费用户有搜索次数限制。与本站尽量减少外部依赖的理念不符
  • 每次 build 完之后需要将索引推送至 algolia,麻烦、且容易忘记
  • 主要原因:配置了老半天还是没弄好(逃

遂决定弃用,并移除页面上的搜索按钮。使用 vscode 全局搜索一下,很快就找到了相应代码,删掉与 algolia 相关的就好了。

  1. 评论功能

本主题使用 valine 作为评论。但是,

  • 要注册 LeanCloud,免费用户显然也有使用限制
  • 会收集用户邮箱,与本站尊重隐私,不收集信息的理念不符
  • 用户只能接收回复自己的消息,无法订阅讨论串
  • Hugo 用过 utterances,感觉非常棒,新博客也想用这个,方便管理
  • 主要原因:配置了一下没弄好(逃

于是开开心心配置起了 utterances,一切都非常顺利,直到我发现 —— 需要刷新一次才能加载出评论区……

搜索后发现估计是 pjax 加载出了问题,但这我可不会修。全局搜索 valine 后照猫画虎地修了一下,没修好。遂放弃,bug 当 feature 算了~(评论区是隐藏彩蛋(确信

# 三、修修补补,正式上线

本来只是想随随便便建一个腾给原 Wordpress 站点的小窝,但是一来二去,竟然比我那个新 Hugo 站点要漂亮不少,而响应速度虽比不上 Hugo,但也比 Wordpress 快多了。果然二儿子更受宠

暂时也没想好这两个博客要如何区分,先上线再说吧。锵锵!

截屏2022-01-14 下午5.32.10.png

截屏2022-01-14 下午5.32.32.png

截屏2022-01-14 下午5.33.04.png

截屏2022-01-14 下午5.33.30.png

更新于 阅读次数