← 回到全部文章

我用 AI 写出了第一个个人站

一个完全不会写代码的人,靠和 AI 对话搭出了自己的网站。这是那次经历的诚实复盘。

写的时候的心情:兴奋又有点心虚

vibe codingAI心路历程

我要先坦白一件事:我并不是什么全栈工程师

之前这个站的第一版里,“关于我”页面写着”全栈开发工程师,多年开发经验”。那是 AI 帮我生成的样板话术,我看了一眼觉得”哇听起来好专业”,就粘贴上去了。后来回看,那种心虚感越来越重——这不是我。

所以这一篇,是关于我真正怎么做出第一个网站的。

一切从一个念头开始

我想要一个自己的角落。不是微博、不是公众号,是一个 我的名字.space 这种、完全属于我的地方。可以写东西、可以放我做的小玩意、可以让人知道我是谁。

但我不会写代码。

准确说,我会一点点 HTML——知道 <p> 是段落,<a> 是链接,仅此而已。CSS 对我来说就是一坨会改变颜色的咒语。JavaScript?别提了。

然后我遇到了 AI 编程工具

我抱着试试看的心态,打开了一个 AI 编程助手,敲下第一句话:

“帮我做一个个人网站,要好看一点。”

它真的开始给我写代码了。HTML、CSS,一段一段地。我复制、粘贴、保存、刷新浏览器,然后——

它出现了。

一个粗糙的、有点丑的、但是真实存在于屏幕上的网页。那一刻的兴奋感,我到现在都记得。那是我”做”出来的东西,哪怕每一行代码都是 AI 写的。

诚实地说,vibe coding 是这样的

网上把”用 AI 写代码”包装得很神,说”只要描述需求,AI 全搞定”。这是真的,也不是真的。

是真的:AI 确实能生成能跑的代码,比我这辈子自己写出来的都好。

不是真的:它不会替你想清楚你要什么

我经历了无数次这样的循环:

  1. 我说”加一个项目展示区”
  2. AI 给我做了个三列网格,配色是红蓝紫
  3. 我看了一眼觉得不对劲,但又说不清哪里不对
  4. 我说”再好看一点”
  5. AI 给我加了渐变和阴影
  6. 我还是觉得不对劲
  7. ……重复

后来我才慢慢明白:问题不在 AI,在我自己还没形成审美和判断。 AI 是一面镜子,反射出你脑子里真正的想法——如果你的想法是模糊的,反射出来的就是模糊的。

第一版的成品

就是你现在还能在某些截图里看到的那个样子:红蓝紫配色、卡片网格、写着”全栈工程师”的关于页。模板感很重,像是某个”个人网站模板”填了点料。

但我并不觉得它失败。它是我的第一份作业。 没有它,我不会意识到自己想要什么;不会有今天这次重做。

所以这个站现在是什么

你正在看的这个 v2,是我和 AI 一起重做的。这次我学聪明了一点:

  • 我先想清楚我是谁(一个诚实的新人,不是假装的全栈)
  • 我先想清楚气质(温暖手作,不是科技感模板)
  • 我把每一个”为什么”都想清楚,再让 AI 去实现”怎么做”

代码仍然不是我”写”的。但它是我设计的——每一个颜色、每一处文案、每一只藏在角落的猫爪,都是我的决定。

我觉得这就够了。至少现阶段,够了。


如果你也想试试 vibe coding,我的建议是:别假装你是专家。 诚实地说”我不懂,教教我”,AI 反而能帮你更多。而你自己,也会学得更快。

🐾

写到这里啦。如果你也在学编程、也在用 AI 折腾自己的小东西, 我们大概是同类

— turgidcat, 2026年5月10日

再读两篇?