完整跟做：从零做出并发布你的个人主页
把前面学到的全部串起来：拆需求、出计划、实现、验收、发布。跟着做，你就能拥有一个自己的网站。
⏱ 60 分钟 · ✅ 6 个实操任务
这个项目做什么
做一个个人主页：你的名字、一句话介绍、作品展示、联系方式。这是零基础最值得做的第一个完整项目——简单、真实、做完能马上给别人看。
第一步：写出需求
打开你的项目文件夹，把这段话改一改发出去：
帮我做一个个人主页。
给谁用：想认识我的人，可能是朋友，也可能是未来的合作者。
解决什么问题：让第一次打开这个页面的人，在 30 秒内知道我是谁、我在做什么、怎么联系我。
第一版先不做：博客、评论区、多语言、复杂的动效。
成功标准：
1. 顶部有我的名字和一句话介绍
2. 有一个作品区，放 2-3 个占位卡片
3. 底部有联系邮箱或社交链接
4. 手机上打开排版也不乱
先不要写代码。给我实施计划，问我最多三个问题，确认后再动手。
第二步：看计划，提意见
Codex 会给你一份计划。逐条问自己：这是不是最小版本？有没有多余的？有就让它删。
确认后说一句：
计划没问题，开始做吧。
第三步：实现和预览
让它做完，然后在浏览器里打开。第一次看到自己「亲手」做出来的网站，值得截图留念。
第四步：两轮修改
至少提两轮意见，练习「验收—修改」循环：
第一轮：整体不错。把自我介绍改得更像口语一点，作品卡片加个边框。
第二轮：手机上看标题有点大，帮我调小一点；底部加一个「用 vibecoding 制作」。
第五步：提交保存
用上一模块学过的 Git，把完成版保存下来：
git add -A
git commit -m "完成个人主页第一版"
第六步：发布上线
问 Codex：
帮我把这个网站发布到网上，让朋友通过链接就能打开。推荐最简单、免费的方式，并教我操作。
零基础最常用的两个选择：
- Vercel：连上 GitHub 仓库后自动部署，个人项目免费
- GitHub Pages：把网页文件推到 GitHub 仓库，免费托管
让 Codex 一步步带你操作。拿到网址后，发给一个朋友——这是属于你的里程碑。
恭喜，你毕业了
到这一步，你已经完整走过了：入门 → 写提示词 → 避坑 → 独立完成项目。
接下来怎么继续？
- 给主页加内容：作品、照片、博客
- 做第二个项目：记账本、习惯打卡、菜谱
- 把踩过的坑写下来，教下一个新手
会 vibecoding 不是终点，而是你「想做什么就能做什么」的开始。去做出下一个东西吧 🚀