所有作品
主站项目 · 持续迭代

个人网站

这个网站是我 2026 年初开始做的,用 Astro 6 做静态生成,React 做交互组件,Tailwind CSS v4 写样式,自己管 VPS、配 Nginx、写 GitHub Actions 部署流程。整个过程用 Claude Code 做 AI 协作开发——我负责方向、结构和审美判断,AI 负责实现和迭代。

AstroAIVibe Coding

出发点

做这个网站的出发点很简单:我需要一个地方放项目、写东西、让别人了解我在做什么。但我不想用模板,想自己从头做——这样才能真正知道每个部分在干嘛。

技术选择

技术选型上选了 Astro,因为它的 Islands 架构适合我的需求:大部分内容静态生成,只有需要交互的部分才水合 React 组件。样式用 Tailwind v4,字体选了 Geist Sans 配 Georgia,整体风格偏克制。CI/CD 用 GitHub Actions,推代码就自动部署,减少手动操作。

协作方式

开发过程主要用 Claude Code 来实现,我来做产品决策和审美判断。这个方式的核心不是“让 AI 写代码”,而是确立了一套协作规范——先写 spec,再拆 phase,每步验收。这个方法论之后在做 Grack 的时候也用了。