我用 Claude Code 搭个人站的一次记录

这个网站是我用 Claude Code 搭的。

我不是程序员，写代码对我来说是一件需要认真学习的事情。但在 Claude Code 的帮助下，我用大概两周时间，把一个个人站从零搭出来了。

这篇文章记录这个过程，也写一下我的感受。

为什么一个跨境卖家需要个人站

这个问题值得先回答。

做跨境电商的人，大多数内容发在公众号、小红书、知识星球、微信群。这些平台很好，但有一个共同的问题：你的内容不在你自己的地方。

平台可以封号，可以改规则，可以降低你的分发。一旦离开了平台，你之前积累的内容和读者，就很难带走。

个人站不一样。它是你自己的地方。内容在你手里，链接是你的，域名是你的，读者关系是你的。

另外，个人站有一种信任背书的作用。当你给陌生人发一个域名，说”这是我的工作台，你可以在这里看到我在做什么”——这比发一个平台主页的感觉不一样。

我的技术选择

我选了 Astro + Tailwind CSS + Cloudflare Pages：

• Astro：静态站生成，速度快，对 SEO 友好，没有不必要的 JavaScript
• Tailwind CSS：写样式很快，适合我这种对 CSS 不熟悉的人
• Cloudflare Pages：每次 push 代码自动部署，免费，速度快

内容用 Markdown 写，存在 GitHub 仓库里。这意味着我每次写新文章，只需要创建一个 .md 文件，推上去，网站就自动更新了。

Claude Code 在这里的角色

我把 Claude Code 当成一个一直在线的资深程序员搭档。

整个搭建过程大概是这样的：

第一阶段：框架搭建

我说”我想做一个个人站，Astro + Tailwind，需要文章列表、文章详情页、关于页、工具页”，Claude Code 帮我搭了基础结构。

第二阶段：功能迭代

每次我想加一个新功能，比如”加一个读书页，显示我读过的书”，Claude Code 帮我实现。

第三阶段：细节调整

字体、颜色、间距、响应式——这些细节调整，我用自然语言说想要什么效果，Claude Code 帮我改。

整个过程我写的代码很少，但我需要做的判断很多：功能要不要、样式对不对、逻辑合不合理。这些判断是我做的，代码实现是 Claude Code 做的。

我学到了什么

关于 Vibe Coding 的定位

Claude Code 不是把你变成程序员，而是让你在不需要成为程序员的情况下，能做出程序员做的事情。

这两件事听起来像，但其实不一样。前者是改变你，后者是改变你能做的事。

关于”不懂代码能不能做”

可以，但有一个前提：你要能判断结果是否正确。

Claude Code 会写出代码，但它不知道这个代码是否符合你的业务逻辑。你需要在浏览器里看效果，发现问题，告诉它哪里不对。这个判断能力，是你需要有的。

关于维护

站搭好之后，维护比搭建更重要。

加一篇文章是一件很简单的事，但持续加文章需要习惯的建立。这不是 AI 能帮你解决的问题。

接下来

这个站现在还很简单。接下来我想加的东西：

• 把工具从静态展示变成真正可以用的工具
• 加搜索功能
• 把思考、信念这类内容整理进来

这些也会用 Claude Code 来实现。整个过程我会持续记录在这里。