特别致谢

首先，在此感谢赵阿卷大佬提供的主题Cuteen，本站在此基础之上进行二次开发，不难看出，作者对各种细节的打磨要求很苛刻，除了小部分bug之外，我都没有怎么修改代码，在不失简洁的同时功能还极具丰富，超强的后台编辑器我真的是太爱了。

为什么要换主题

如你所见，当前主题和曾经的主题有很大区别，也许是用久了之前的主题，开始觉得文章的展现形式太不丰富了，只能有标题，图片还不能适配显示，视频也没办法适配，采用跳转链接的形式播放。

在昨天，我逛友情链接的时候，意外发现这个主题，一瞬间我就感觉这个主题不简单，然后在了解了很多功能之后决定更换主题，尽管主题是付费的，但我觉得作者付出的远不及这点钱，我也清楚开发不易，所以支持正版从我做起！

以前的主题记录

盒子萌大佬的主题也是很棒的，只是我自己改废了而已，但作为我第一个正式发布在互联网上交换友链的版本，我觉得还是有必要记录一下的。

同样支持盒子萌大佬的主题，关键是免费主题噢！

初代博客起源

不出意外应该是2019年年底，一个名为《CJH的个人网站》的博客诞生，这是最初的博客名字，依稀记得那时候的背景是纯蓝色，然后头像是黑子，后台是自己瞎百度查的，能实现简单的登陆注册逻辑，后来改名为《DianC 's Blog》，最后因为只会前端，放弃了（那时候不太了解博客系统），但是这个版本保存下来了一个关键影像，还是很有纪念意义的，当时原神还处于预约阶段，背景视频也源于原神的预约站。

Cuteen主题修改记录

很遗憾的是5.6版本更新后才对本文进行重新编辑，关于最初的小站截图，我终于从当初提交BUG的表格中有幸找到，特此记录（5.4版本2022.8.14）。

现在，即5.6版本（2022.11.10）完成更新，经过3天的不断调整，不只是页面布局发生了一定的变化，更多的是细节上的处理，同时完成了一项非常重要的修复，那就是留言板/评论页面的访问速度发生质变。

首先声明，所有BUG基本都是主题作者赵阿卷大佬完成更改，本人只对样式布局和部分php模块进行了调整，一起来看一下调整了些什么东西吧，如果你也在使用Cuteen主题，或许对你的修改也会提供一定的理论基础噢，很多样式细节就不说了，主要讲几个大的地方。

1、移动端菜单栏样式调整:

将全屏的样式改成了侧边独占，专门留出一块遮罩方便返回主页，这利用了margin的负值用法，再通过padding顶回负值的大小即可，这样设置完成之后可能还有问题，那就是关闭时还会还原成全屏进行关闭，虽然是一瞬间的事情，但强迫症的我还是不舒服，所以通过找到的规律对有[role="dialog"]属性的模块再次进行了负值调整，最终完成。

2、调整暗色模式下的一些样式:

样式本来没什么好说的，无非就是选中div加入.dark(暗色属性)然后自定义css进行修改即可，但是有一个地方特别费神，那就是我当前的左邻右舍页面中“入驻须知”的下箭头，原本是SVG图标，在暗色模式下箭头就消失了，原因是箭头是黑的，这时候要改总不能下载一个图片重新加入css中吧，毕竟还是压缩过的css，找起来非常困难，于是我就将这个svg的base64的地址复制了一份，再通过观察就发现调整颜色值的代码位置，最终完成。

3、评论多了的页面会卡顿?

这是很多拥有这个主题的小伙伴都会遇到的问题，当然也反应过BUG给作者，或许太忙了也没回应，所以决定自己动手丰衣足食，首先通过测试找原因，一开始就锁定是gravatar图标的镜像源国内网速问题，但很遗憾不是，即便我更换了所有有关typecho的系统头像和主题评论的php文件中的镜像源配置也依然很慢。

经历了几次失败之后，我决定先把所有评论的头像都返回一个静态地址时，奇迹发生了，速度和正常页面一样，说明就是头像转换上出了问题，最终将问题锁定在了邮箱转qq头像上，发现了一个非常耗时的转换函数get_headers，这是php系统的一个函数，虽然我也不是很懂，但大致查过之后才知道，这是判断这个地址是否有返回值的一个函数，根据源码猜测应该是用来判断这个地址有没有qq头像的，但实际体验是一旦页面的评论过多，就会有很多的请求判断，个人认为这是没有必要的一个函数，因为qq返回头像的地址就算为空也会有默认图片，所以果断删除该函数，问题解决！

其实还有很多地方进行了调整，或许曾经有到访过的小伙伴能够发掘，让我觉得最爽的就是这个评论页面速度的修复，在加入了Pjax的使用后，整个页面的速度也是快如闪电，再也不会因为评论过多而卡死了。

HONG的小站

最后，建站历史也三年了，虽然断断续续，但也算是坚持下来了，这个主题是我在经历了无数次重写和心里博弈后更换的，我觉得这不仅仅是更换主题，更是我打算给自己一个重新开始的理由。

个人很喜欢下面这张图，旅行者，准备好就重新出发吧，愿风神忽悠你~

你可以从这里了解更多 => 传送门