我用 Claude Code 搭建了个人主页

这个站点本身，就是我用 Claude Code 一步步搭出来的。与其说"写代码"，不如说是一边聊一边把想法落地。记一笔过程，也算给这个写作角开个张。

从复刻一个网站开始

最初我只是丢给它一个我喜欢的网站，说"复刻这个到我的 GitHub"。它先抓取分析了页面结构，然后和我确认了几件事——用什么框架、复刻到什么程度、要不要上线——再动手。

技术栈最后定在 Next.js + Tailwind，静态导出后部署。第一版很快就能在线访问了。

让它"长成我的样子"

光复刻别人的不够。我让它根据我的真实 GitHub 资料重做：

• 读我的头像、bio、还有那些真实的仓库
• 把项目按主题分组：AI / Agent 工具、科研 / 生信、应用 / 实验
• 关于页也据此重写

最妙的一步是项目区从 GitHub API 自动同步——我以后新建仓库，主页第二天自动多一个卡片，不用手动维护。

工具应当从你自己的摩擦与伤疤里长出来，而不是套用模板。

一点点加厚

定下方向后，分了几个里程碑往上加：

• SEO 与体验：sitemap、robots、社交分享图、结构化数据、键盘可访问性
• 项目区做深：精选置顶、最近更新时间、demo 链接
• 博客：也就是你正在看的这个——本地写 Markdown，push 就上线
• 新页面：/now 记录我现在在做什么，/uses 列我用的工具

部署：一次小迁移

一开始在 GitHub Pages，网址带个 /shzzz-homepage 子路径。后来发现 Cloudflare Pages 能给一个更干净的根路径网址，就迁了过去——配好 git push 自动部署，旧地址关掉，只留一个入口。整个过程相当丝滑，Claude直接一步到位，根据它的提示很快就搭建好网站。

一点感受

整个过程里，我更多是在做决定，而不是敲代码：要不要这个功能、放在哪、叫什么。Claude Code 负责把决定变成能跑的东西，并且每一步都先验证再继续。引起了我很多的感触，你需要不断地去学习和汲取新知识，才能有更多的想法和灵感，而且随着我用的套餐量的加大，必须得狠狠的从自己的知识库里挖掘新东西和新想法，不敢有丝毫懈怠，这种充实感和忙碌感很真实，也很有趣，如果能靠自己的兴趣养活自己，那就是很幸福的事情了。

随着vibe coding的量加大，我确实也感觉到了自己的注意力无法集中很久去看书或者看电影，我觉得这种分散注意力也不太好，所以之后每天的vibe时间固定到5h左右，其他的时间要留给阅读和思考，注意力是很宝贵的资源。

慢慢来，这个站会跟着我一起长！