这次博客改版，准确来说不是简单换皮，而是一次重新思考：我的博客到底应该先展示什么？
上一版 UI 更像一个轻量的个人主页。它基于 Next.js、Tailwind CSS 和 Shadcn UI，整体偏现代、克制，也有主题切换、View Transitions、圆形友链、MDX 内容这些功能。它并不差，甚至作为一个个人站已经够用了。
但问题也在这里：它更像一个“能用的博客系统”，而不是一个有明确识别度的个人内容入口。
这次我使用 AI 参与重构，并不是想让 AI 随便生成一个好看的页面，而是把它当成一个设计和工程协作对象：我给方向、约束和审美偏好，AI 帮我拆解问题、提出方案、修改代码、检查移动端和构建结果。最后留下来的不是某个一次性 prompt 的产物，而是一轮轮取舍之后的结果。
上一版 UI 的问题h2
上一版 UI 的核心问题不是丑，而是信息优先级不够清晰。
首页更像一页个人简介，重点在头像、导航、简介和文章入口。读者当然可以继续点进去看文章，但首屏没有马上告诉读者：这里最近写了什么、有哪些笔记、有什么项目、这个站点的内容重心是什么。
对于一个个人博客来说，这种方式很常见，也很稳。但我后来发现，博客如果只停留在“自我介绍”，它会让内容被藏起来。每次访问首页，读者都要再多点一次，才能真正进入内容。
另外，上一版的视觉气质也偏通用。白底、卡片、柔和圆角、主题切换、常规导航，这些都很安全，但也容易让站点变成一个“还不错的模板”。我希望它更像自己的东西，而不是又一个技术博客主题。
这次重构的目标h2
这次我给首页定了一个方向：它首先要有强品牌识别，其次要立刻承接内容。
所以现在的首页保留了很大的 <EY /> 字标。它不是一个普通 logo，而是首屏最重要的记忆点。进入页面时，先让人知道这是 Ethan Young 的站点。
但它不能只是一张品牌封面。首屏高度被控制下来，让下方的 Dispatch 内容区在第一屏就露出一点。这样读者会知道：往下滚马上就是最近文章、短笔记和项目，而不是又一个单屏落地页。
新的首页更像一个内容调度台：
- 左侧是最新文章，采用类似 StoryStream 的时间线结构。
- 右侧是短笔记 rail，密度更高，适合快速扫读。
- 下方是精选项目，用更大的 feature block 承接长期实践。
- Footer 里保留漫画人物，让它变成收尾的品牌装饰，而不是继续挤压首屏。
这套结构对我来说更合理。因为我的博客不是纯作品集，也不是纯简历页，而是文章、笔记、项目和生活记录混在一起的个人归档。
为什么选择暗色编辑部风格h2
这次视觉方向参考的是 The Verge 式的编辑部气质：近黑画布、巨大字标、酸薄荷和紫色硬色块、1px 边框、mono 标签、扁平但很强烈的层级。
我喜欢它的一点是：它不靠阴影、渐变和玻璃拟态制造“高级感”，而是靠排版、边框、色块和信息节奏撑起来。
这和个人博客其实很搭。博客最重要的是内容，但内容也需要一个有态度的容器。暗色画布让页面更像一个编辑台，mint 和紫色则负责制造记忆点。卡片和边框不只是装饰，而是用来划分信息：哪些是文章，哪些是笔记，哪些是项目。
我也去掉了主题切换。之前我一直觉得博客应该有 light / dark mode，但这次改完发现，主题切换反而会稀释设计。当前首页的暗色不是一个模式，而是整个视觉系统的基础。强行做亮色版，意味着每个色块、边框、Logo、插画和 hover 状态都要重新推一遍，否则就会变成“能切换，但不好看”。
与其维护一个不完整的双主题，不如把单主题做好。
AI 在这次重构里做了什么h2
这次 AI 最大的价值不是写代码快，而是帮我持续做决策拆解。
如果只是说“帮我把首页改好看”，AI 很容易给出一堆通用建议：更大的 hero、更漂亮的卡片、更丰富的动效。但这些建议通常没有站点上下文，也不一定适合个人博客。
我这次的做法是不断给它更具体的约束：
- 当前是个人博客，不是营销落地页。
- 首页需要第一屏看到品牌，但下面要露出内容。
- 不新增新主题，不恢复主题切换。
- 漫画人物要保留，但不能压迫首屏。
- 视觉方向要延续暗色编辑部风格。
- 移动端不能横向溢出，按钮和文字不能裁切。
有了这些约束之后，AI 更像一个可以一起推敲方案的前端搭档。它会先分析信息架构，再给出修改计划，然后落到 Astro 组件、Tailwind class、全局 CSS 和构建检查里。
当然，AI 也不是一次就对。比如主题切换按钮曾经显示不出来，点击也没有效果；Logo 颜色一开始也像照片负片；漫画人物放在首屏底部时，移动端存在压迫感。这些问题都不是靠一句 prompt 解决的，而是不断发现、判断、调整。
这次我学到的h2
第一，AI 更适合在有明确方向时放大执行力，而不是替我决定审美。
如果我不给它设计系统、布局目标和判断标准，它很容易走向“通用 SaaS 首页”。但当我明确说这是个人博客、需要暗色编辑部风格、不要渐变光晕、不要恢复主题切换，它就能更稳定地沿着这个方向推进。
第二，重构 UI 不能只看首屏截图。
一个首页好不好，不只取决于 hero 漂不漂亮，还取决于首屏之后有没有内容接力，移动端会不会挤，Footer 会不会突兀，链接 hover 是否统一，文章列表、笔记列表、项目区是不是同一种语言。
第三，很多功能不是越多越好。
主题切换、动画、装饰图、复杂交互都可以让页面看起来更“完整”，但如果它们没有服务于内容，就会变成噪音。这次反而是删掉一些东西之后，首页更清楚了。
现在的博客更像我想要的样子h2
重构后的博客不是完美的，但它更接近我想要的状态。
它仍然是一个个人博客，但不再只是一个简单的个人主页。它有一个明确的视觉入口，也能马上看到最近内容；它保留了一些个性化装饰，但不会让装饰抢走信息；它有强烈的暗色风格，但没有为了炫技堆叠复杂效果。
更重要的是，这次改版让我重新意识到：博客不是一次搭好就结束的项目。它会随着我写什么、做什么、在意什么而继续变化。
AI 只是这次变化里的一个工具。真正决定博客长什么样的，还是我想怎样表达自己。
讨论
评论