Okay，今天聊聊我给自己那个个人网站搞主题设计的事儿。当时也没想太多，主要是觉得弄个网站嘛总得有个自己看着顺眼的皮囊，不能用网上那些千篇一律的模板，显得没啥特色。刚好也算是我自己学习实践的一个记录。

一开始咋想的

我就琢磨，这网站主要是给我自己看的，偶尔分享点东西。风格必须得是我喜欢的。我不喜欢太花里胡哨的，晃眼睛。内容，主要是放些笔记、随笔、可能还有点技术相关的东西。

所以需求就挺简单：

• 看着要干净、舒服。
• 阅读体验要字不能小，行距要合适。
• 以后加东西要方便，结构不能太复杂。
• 手机上看也不能乱码，至少得看得清。

基本上就这几点。没啥特别高大上的要求。

找感觉和动手

然后我就开始到处瞎看，看别人博客是咋设计的。看到喜欢的就截图存下来。没用啥专业设计工具，有时候就直接拿纸笔大概画画布局，哪个放左边，哪个放右边。

颜色方面，我试好几种。一开始想搞个暗黑模式，感觉挺酷。但弄半天，发现看文章有点累，尤其白天。还是选个浅色的底子，配点淡淡的灰和蓝。感觉这样比较耐看，也清爽。字体也折腾好久，换好几种，找个看着比较稳重的免费字体。

布局上，我没搞太复杂的。就是很常见的上面导航、中间内容区、右边可能放个侧边栏（后来想想又去掉，觉得碍事），底下是页脚。简单直接。

真正开始动手写代码，才是最花时间的。主要是用 CSS 调样式。这里调调间距，那里改改颜色。为让手机上看着也行，各种调屏幕宽度判断，搞得头大。特别是有些细节，比如列表的样式、代码块的高亮，真是磨人。

弄成啥样

折腾挺长时间，总算是弄出个自己基本满意的样子。整体就是个极简风格，没啥多余的装饰。导航栏就几个主要链接，文章页面干干净净，重点突出内容本身。

虽然回头看，肯定还有很多能改进的地方，比如加载速度优化、更多细节打磨。但作为个人实践的第一版主题设计，我觉得还行。至少实现当初的目标：自己看着顺眼，用着舒服。

整个过程下来，最大的感受就是，看着简单的东西，自己动手做起来真不简单。不过也确实学到不少东西，特别是对 CSS 的理解更深。这就是实践的好处。