1 博客改造

1.1 主题

一开始使用的是shiro这个主题。但是红白的界面并不是很对我的胃口，所以从同学录上提取了一个好看的花纹和配色当背景，并对博客进行了适应化改造。GPT 的审美还是不太行，经常写出神秘 3D 特效和奇妙文案，我还得一个个的改造和删掉。还对各个地方进行了字体差异化处理，增加了设计感。

1.2 分类与标签

以前嫌麻烦，所有的文章都没有打tags和categories，还把入口隐藏了起来。现在我重新对所有的文章加上了分类和标签，并且改造标签展示页成为了词云一样的页面。

1.3 总结

文章标题下方的文字改为优先显示文章YAML metadata里面的summary字段，增加了可读性。

1.4 性能优化

改完上面的各项，由于内嵌字体与图片背景，性能堪忧。所以又进行了两轮优化。第一轮主要在于改善LightHouse中的Performance板块，通过渐进式加载图片、只加载所需字体等优化方式，从 62 分提升到了 92 分，大幅缩短加载时间。第二轮优化了换页时的切换逻辑与缓存逻辑，避免出现换页割裂感。

2 个人主页改造

2.1 联系方式

添加了指向 QQ 和 BiliBili 账户的链接。

2.2 杂项

去除了点击头像时调整博客的逻辑；去除了右下角Powered By字样。

2.3 新增

新增了留言板与项目栏的跳转链接。

3 留言板改造

3.1 隶属关系

以前留言板只是类似博客文章的一个隶属于博客的页面，现在我把它提取出来作为一等公民与博客平级，并在主页提供入口。

3.2 逻辑与页面重构

3.1 前端

前端改为了类似公告栏的模式，留言者可自行添加、移动纸条；回复的子纸条是钉在母纸条上的，增加的趣味性；还添加了纸条列表（点击可定位）、放大缩小、回到中间等实用功能。使用时需要登录 Github 账号。

3.2 后端

后端依旧采用 Github Discucussion (#6) 进行存储，使用 HTML 注释存储纸条元数据。不同的是，为了实现这种纸条自定义之类的功能，我放弃了使用 Giscus 后端，转而自己部署了 Cloudflare Worker。

4 项目栏

添加了一个展示开源项目的页面，可以方便的展示我的开源项目。

5 总结

通过一些永久或半永久的免费设施，我成功对我的博客进行了升级大改造。按照自己的新意去写一个网站真是享受！