完整跟做：从零做出你的个人主页

这个项目做什么

做一个个人主页：你的名字、一句话介绍、作品展示、联系方式。这是零基础最值得做的第一个完整项目——简单、真实、做完能在浏览器里直接打开给别人看。

术语提示：项目 = 你做的一个作品；需求 = 你想让项目做成什么样的描述；验收 = 检查做出来的东西是不是符合要求；Git 提交 = 给项目拍一张快照存档。

第一步：写出需求

打开你的项目文件夹，把这段话改一改发出去：

帮我做一个个人主页。

给谁用：想认识我的人，可能是朋友，也可能是未来的合作者。
解决什么问题：让第一次打开这个页面的人，在 30 秒内知道我是谁、我在做什么、怎么联系我。
第一版先不做：博客、评论区、多语言、复杂的动效。
成功标准：
1. 顶部有我的名字和一句话介绍
2. 有一个作品区，放 2-3 个占位卡片
3. 底部有联系邮箱或社交链接
4. 手机上打开排版也不乱

先不要写代码。给我实施计划，问我最多三个问题，确认后再动手。

第二步：看计划，提意见

Codex 或 WorkBuddy 会给你一份计划。逐条问自己：这是不是最小版本？有没有多余的？有就让它删。

确认后说一句：

计划没问题，开始做吧。

第三步：实现和预览

让它做完，然后在浏览器里打开。第一次看到自己「亲手」做出来的网站，值得截图留念。

第四步：两轮验收和修改

至少提两轮意见，练习「验收—修改」循环：

第一轮：整体不错。把自我介绍改得更像口语一点，作品卡片加个边框。
第二轮：手机上看标题有点大，帮我调小一点；底部加一个「用 vibecoding 制作」。

每一轮只提 1-2 个具体修改，改完重新预览，再进入下一轮。

第五步：提交保存

用避坑模块学过的 Git，把完成版保存下来：

git add -A
git commit -m "完成个人主页第一版"

以后每次大改动前先提交一次，改坏了随时能退。

验收清单（照着检查）

• 名字和一句话介绍在顶部一眼能看到
• 作品区有 2-3 张卡片
• 联系方式在底部
• 手机打开排版不乱
• 没有多余的空白页和报错

下一步

主页做完了，但它还只存在你电脑里。下一节专门讲发布：怎么让它变成朋友一点就能打开的网址。