零基础用 AI 写第一个网站

这篇文章是给完全不懂代码的人看的。跟着做，一小时内你就能拥有一个真实可访问的网站。

第 0 步：想清楚做什么

别一上来就做淘宝。选一个单页小站：

• ✅ 个人介绍页 / 链接页（参考 daheiai.com 首页那种）
• ✅ 产品宣传单页
• ✅ 工具小页（计算器、倒计时、抽签）

我这次做"个人链接页"：头像 + 名字 + 几个常用链接。

第 1 步：让 AI 生成代码（15 分钟）

打开 Trae 或 Cursor（免费），输入：

帮我做一个个人链接页：
- 顶部是我的头像和名字
- 下面是一列我的常用链接（github、小红书、b站）
- 深色背景，居中排版，手机端要好看
- 生成一个 html 文件，引用我提供的头像地址 xxx

AI 会生成一个 index.html。点预览，看看效果。

第 2 步：提出修改意见（15 分钟）

不满意就继续提，这是 Vibe Coding 的精髓：

• "链接加个箭头图标"
• "名字下面加一句简介"
• "背景改个渐变"

每次只提 1-2 个改动，改完看效果，稳定推进。

第 3 步：部署上线（20 分钟）

1. 在 GitHub 建一个仓库，把 html 传上去
2. 到 Cloudflare Pages 点 "Create a project"
3. 关联你的 GitHub 仓库，框架选 None（纯静态），构建命令留空
4. 点部署，等一分钟，你的网站就有 xxx.pages.dev 地址了

成果验收

💡 为什么先做小的？
因为你能完整走通"想法 → 实现 → 上线"闭环。有了第一次，后面做大项目就不慌了。