最近看之前的页面样式总觉得有点审美疲劳，各种花哨的卡片和组件看多了，反而更想要那种纯粹、克制、字距紧凑、黑白分明的高级感。

于是花时间把个人主页和这个博客的主题从头到脚重新写了一遍，直接统一成了极简报刊 / 宣言（Editorial & Minimalist）风格！

🎨 这次重构都在折腾啥？

1. 统一设计语言（Design System）

以前主页和博客完全是两套画风，这次直接把设计 Token 对齐了：

  • 纯粹的黑白灰基调：浅色模式下是质感温和的纸白（#fafafa）与纯墨黑文字；深色模式下是纯粹深沉的暗调（#111111）与柔白，没有花里胡哨的荧光配色。
  • 右上角极简主题切换：带记忆的主题切换按钮，浅色/深色一键秒切。

2. 瑞士报刊式的排版秩序

  • 大标题字距收紧（letter-spacing: -0.04em），大字号排版直接把视觉张力拉满。
  • 所有章节全部换成类似 01 / PROJECTS、01 / POSTS、02 / ARCHIVES 这种等宽字体编号，秩序感和折腾技术的极客感直接拉满。

3. 沉浸式文章阅读体验

博客毕竟核心是“看字”的，所以这次给正文重新调了排版细节：

  • 行高锁在最舒服的 1.85，文章宽度收窄到 760px，长文读起来眼睛不会到处乱晃。
  • 重新调了代码高亮配色，而且给代码块右上角顺手加了个悬浮一键复制代码的小按钮（不用再手动拉选区了哈哈）。
  • 文末自动生成版权协议、上一篇/下一篇导览。

💡 怎么搞出来的？

依然是老套路——高强度 Vibe Coding！

直接理清楚自己想要的视觉风格、布局层级和交互细节，然后配合 AI 结对编程，从 CSS 变量、EJS 模板到全套响应式断点一次性写出了一套专属的 Hexo 主题（我给它起名叫 Zen）。

写完之后跑了一下 Hexo 生成，全站 30 多篇页面几十毫秒刷刷刷渲染完毕，没有笨重的前端框架负担，纯 Vanilla CSS + JS，加载速度贼快。

🔗 传送门与交流