用 Claude Code 做网站，最快的部分反而是写代码。
真正耗时间的是：这个网站到底要像什么、第一屏给谁看、哪些内容应该留、哪些占位要删、什么东西上线后会显得不专业。
这次做「布莱恩喵 / 数字折腾实验室」最大的体会是：AI 可以把网页搭出来，但审美、取舍和内容边界还是要有人负责。
为什么折腾
我一开始不是想做一个传统作品集，而是想给自己的 AI、NAS、自托管、开源项目和三分钟热度留一个公开档案。
Obsidian 里有很多原始记录，但它是私人库。公开网站需要另一种表达方式：少一点流水账，多一点复盘；少一点配置细节，多一点真实判断。
所以这个网站不是“我会什么”的简历页，而是“我到底折腾过什么，哪些能跑，哪些放弃，为什么”的公开工作台。
我的公开版环境
第一版技术路线很克制：
- Next.js App Router。
- TypeScript。
- Tailwind CSS。
- MDX 管理文章。
- GitHub 保存源码和公开内容。
- Vercel 自动部署。
暂时不接数据库、不做后台、不做复杂 CMS。原因很简单：第一阶段最缺的不是系统能力，而是真实内容。
实际怎么做
第一步是先搭内容结构。
网站被分成现场日志、项目档案、折腾教程、工具箱、实验环境、生活、关于和联系。这个结构不是为了显得完整，而是为了让以后不同类型的素材有地方去。
第二步是做首页气质。
最早的首页更像技术资料库，信息很多但没有个人感。后来改成个人 IP 型 portfolio：第一屏先让人记住“布莱恩喵”，再把数字折腾实验室作为内容档案概念放进去。
第三步是不断删掉占位感。
假邮箱、空链接、泛泛而谈的卡片、重复入口、太像模板的区块，都要删。上线前最重要的一步不是加功能，而是清理这些“看起来像还没做完”的东西。
第四步是建立内容生产边界。
我们一开始把网站内容队列放在 Obsidian 里，后来意识到这会污染私人库。现在文章、分发包和队列都放在项目内 editorial/，Obsidian 只作为来源素材。
第五步是部署和验证。
GitHub + Vercel 很顺，但也不是完全没坑。作者身份、域名、sitemap、robots、构建日志、线上链接都要检查。能本地跑不代表线上就专业。
哪里卡住
第一个坑是 AI 默认审美很容易模板化。
如果只说“做一个漂亮个人网站”，很容易得到一套熟悉的卡片、渐变、按钮和空洞文案。要反复告诉它：这里不是 SaaS 落地页，不是模板作品集，而是个人公开档案。
第二个坑是首页容易杂乱。
我一开始想把项目、教程、工具、内容说明都放上去，结果首页像目录页。后来改成“最新发布 + 清晰入口”，反而更像一个真的站。
第三个坑是时间线。
所有文章和网站建成日期放在同一天，看起来像一次性灌进去的假内容。所以现在改成从半年前开始，按几天到十几天的间隔显示，更符合一个长期积累的公开档案。
第四个坑是私人素材不能直接上网。
技术项目里最有用的记录，往往也最敏感：路径、IP、账号、端口、密钥、设备名。公开文章必须重写，不是简单复制。
值不值得
值得。Claude Code 很适合做这种个人网站，尤其是你已经有真实素材，只是缺一个能持续整理和发布的系统。
但它不等于“会一句话就上线”。更准确的说法是：它把实现成本压低了，把人的判断放大了。你越清楚自己要什么，它越好用；你越依赖它替你决定方向，网站越容易变成模板。
下一步
后面这个网站会继续沿着三条线生长：
- 从 Obsidian 里提炼真实项目文章。
- 给每篇文章生成 YouTube、Shorts、小红书分发包。
- 保持首页克制，让最新内容和常驻入口清楚可达。
AI 建站不是终点。真正的站，是后面每一篇真实内容慢慢把它撑起来。