最近抽空对网站的视觉效果又进行了一波微调。之前的布局虽然能用但总觉得有点老气，尤其是深色模式的配色和首页以前的三列布局，感觉还是差点意思，于是指挥 AI 对一些核心样式进行了优化。

主要更新内容如下：

• 首页改版：去除三列布局，博客卡片从单列变成双列网格

• 配色重构：深色模式和浅色模式的配色进行了优化

• 评论区优化：把 reaction 表情改为点赞

• 移动端导航优化：隐藏信息栏，改用快捷头部按钮

首页改版：视野更开阔

之前的首页采用了传统的三列布局，感觉有点重点不突出，最重要的博客也只有单列信息密度很低。于我直接去了首页右侧边栏，并将文章列表改成了更时尚的 双列网格

现在的卡片布局不仅能一眼看到更多文章，而且整体的精致感提升了不少，不再是之前那种扁平的感觉。

配色重构：减少报纸感

之前我几乎使用 Hugo Stack 主题的默认配色，怎么说呢，深色模式下的灰色和浅色模式下的白色挺护眼的，但感觉有点老气，于是我把深色改成更接近蓝灰的配色

在深色模式下，我还为每个卡片增加了一层极细的边框。这种“亮边”处理在深色背景下非常有高级感，能拉开景深，防止元素糊在一起。

评论区优化：优化互动表情

之前的 Waline 评论区互动表情（Reaction）有点太占地方，而且绿色的文字和大大的表情有点突兀，于是我缩减了互动区域的大小，去除提示文字，只保留点赞和不喜欢两个选项。

本来是想直接去除互动功能的，但觉得这个还是挺有意义的，因为很多人看完并不一定会给出评论，但可能更愿意点个赞或者不喜欢，也是一种默默的鼓励。而且我也可以根据反馈知道自己哪些文章更受欢迎。

顺便优化了评论区 placeholder 文本，明确告知用户可以留下邮箱，这样如果有人回复了会收到邮件通知。

移动端导航：轻量化处理

移动端的空间非常珍贵，以前的版本顶部太占地方了有点遮挡正文，实际体验的时候光顶部信息栏就占了手机屏幕都三分之一还多

新设计的快捷按钮组固定在页头，操作触手可及，不仅增加了阅读面积反而更加便捷。

总结

主要是看久了总觉得自己的博客不老好看，其实也就才用了不到三年。本来甚至考虑直接用 Nextjs 重构的，但一想工作量还真不小，收益也比较有限。还是指挥 AI 去美化现有的样式比较好，一番施工后觉得还是比较满意，如果有人对我的博客感兴趣，到时候我可以上传代码到 Github 上。