背景
一直想做个人网站，但总觉得门槛太高。要学前端框架、配构建工具、调响应式布局，想想就放弃了。最近很火 Vibe Coding 不再一行行手敲代码，而是用自然语言跟 AI 聊天，让它写、改、调、修，你主要负责把控方向和验收结果。
打开Trae，选了一个空文件夹，开始了。
实现
起步
我对 Trae 说的第一句话我忘记了，我只记得我提了一大堆要求，然后它做成了一坨。
它开始生成。项目结构、配置文件、页面路由。它给我弄出来了一个小型博客。这并不是我想要的我还得去维护。
定调&框架
网站需要一张首页图定调性。ChatGPT，出了一张简约的图。用心打磨后的需求，把图和需求一起丢给 Trae，它会帮我。
我说”滚动到这个位置时，文字从左边淡入”，Trae 就帮我写好了。
内容
不想为了更新内容去维护后台和数据库。我也不想被攻击。所以所有项目文章和随笔都用 Markdown 文件管理，放在 src/content/ 下面，Git 做版本控制。改完推上去，网站自动更新。这符合我对个人网站的定位：不是功能齐全的平台，只是一扇数字门， projects 和 posts 都往里放，不追求板块复杂，只放自己真正想留下的东西。
成果
网站最终上线，目录结构很干净。一个纯静态站点，没有后端，加载快（不过为什么我会塞个模型进来？？？）。
复盘
最大的感受是你不需要先成为专家，才能开始动手（某个人曾经也和我这样说过）。以前总觉得做网站要先学透技术栈，现在发现可以反过来——先有一个粗糙的想法，让 AI 帮你落地，在落地过程中慢慢理解。
但也要注意，AI 生成的代码你不一定完全理解。项目越复杂，后期维护的隐患越大。对于个人网站这种规模可控、功能明确的场景，Vibe Coding 刚刚好，可能会心血来潮弄个后端？不太可能，毕竟我不喜欢敲代码，我还是比较喜欢更直观的蓝图操作。
另外，Astro 的静态生成 + Tailwind 的原子化样式 + GSAP 的动画，这套组合做个人站点非常舒服。Astro 的内容集合（Content Collections）让 Markdown 文章管理变得规范，Tailwind 让样式调整可以口述完成，GSAP 则负责那些”滚动到这里时动一下”的细腻交互。
最后，这个网站本身也成了我实践 Vibe Coding 的第一个完整作品。它不完美，但我用心了。