No. 24: 个人站第二次换向，把博客收进自己的风格里
迁到 Astro 之后站还是别人的皮肤。Claude Cream 从编辑工具扩到 Website 与插画规范后，博客也该跟它对齐：统一视觉语言，把个人品牌立住。
2026.07.24
半年前我把博客从 Hexo 迁到 Astro，写过一篇心路历程。那次解决的是容器问题：归档变成个人站骨架，文章、项目、关于页终于能各司其职。
迁完没多久我就发现，站还是不像我。
暖白底、苔绿色、粗边框 shell、brutal 投影卡，这些都是迁移时顺手捡来的视觉语言。能用，也不丑，但访客看完分不清这是我的站，还是某套模板换了个名字。有作品、有文章，却没有自己的风格。
真正把这件事推到台面上的，是 Claude Cream。
风格这件事，不能只活在编辑器里
Cream 一开始解决的是 Typora、Obsidian、Ghostty 之间的割裂：暖象牙画布、琥珀金强调、暖炭灰深色，正文 PingFang SC，代码 JetBrains Mono。一套 tokens，亮暗两套主题，写作和终端长得像一家人。
后来它又往外长了一层。仓库里不只剩编辑器主题，还多了 Website 色板快照，以及把同一套视觉语言写成封面生成规则的 Illustration 规范。也就是说，Cream 不再只服务「我自己怎么写」，也开始服务「别人怎么看见我」。
回头再看个人站，割裂感更明显了：工具里是 Cream，对外门面还是另一套配色和布局。个人站不是另一个实验场，它是访客认识你的第一面。如果连自己的博客都吃不进自己的设计系统，所谓品牌统一就是一句空话。
所以这次换向不是「再美化一版」，是把 kakarrot.com 收进 Claude Cream 这条线上。站内叫它静室 Quiet Studio：克制、干净、有呼吸感；色彩直接锁暖象牙、琥珀金和暖炭灰，和 Cream 的 Website 色板对齐。
先砍信息架构，再动皮肤
换向之前，导航还挂着 Projects。实际对外真正想讲的作品，早就落在 Vibe Coding 里了。Projects 变成一个半废弃入口，访客多点一层，我自己也说不清两者的边界。
这一刀比较干脆：
- 导航只留 Vibe Coding · Writing · About，外加主题切换
/projects/*全部重定向到/vibe-coding/- RSS 不再夹带 projects
首页也砍了一批「看起来热闹、其实在帮别人说话」的东西：头像大图、作品/写作双 CTA、文字口号跑马、方法论三列墙。首屏改成琥珀雾场 Hero，社交链摆在前面，下面是作品封面横滚和文章行列表。
品牌站的首屏只回答一件事：这是谁，在做什么。 多出来的按钮和口号，往往是还没想清楚时的补丁。
统一风格，比换一个强调色难
色彩对齐 Cream 相对直接：light/dark 双主题、防闪 boot、主色从苔绿换成琥珀金。难的是组件和阅读体验也要像同一套系统长出来的，而不是换完色还留着旧骨架。
这次一起重做了：
| 面 | 之前 | 之后 |
|---|---|---|
| 气质 | 苔绿 + shell 双边 + brutal 卡 | Cream 静室，细线，留白 |
| 作品 | 项目列表感偏文档 | 封面主导的 WorkCard，首页横滚 |
| 文章 | 卡片堆叠 | 编辑式整行列表，整行可点 |
| 正文 | 宽窄不一 | 760px 阅读柱 + 右侧线条 TOC |
封面也跟着 Cream 的 Illustration 规范走：暖象牙底、静物式主体、琥珀金点缀、底部留给叠字的安全区。写完 Cream、悟空、这本书、这个站本身，放在同一套封面语言下面，访客才能一眼扫出「这个人最近在做什么」。
中间也做过减法。有些项目还不够成稿、不够代表我想对外说的事，就先从作品墙拿掉。统一风格包含统一标准：放上去的东西，得配得上这张脸。
这一次换向教会我的事
迁 Astro 解决的是「站能不能承载品牌」。这次解决的是「站像不像我」。
两件事顺序不能反。没有容器，风格无处安放；有了容器却没有自己的视觉语言，访客记住的只是模板，不是人。
Claude Cream 对我的价值，也不再只是多一个主题仓库。它给了我一套可复用的判断：颜色从哪来、对比度怎么守、亮暗如何切换、编辑器与站点如何不割裂，连封面生成都有同一套约束。个人站吃进这套判断之后，品牌才开始闭环：工具里一致，对外也一致。
接下来大概不会再大拆布局了。更值得做的是把内容写厚，把作品讲清楚。风格定住了，更新才像在同一条线上往前走。
个人品牌不是多发几篇文章，是让人在不同地方遇见你时，认得出同一种气质。