做一个个人主页

做一个个人主页

前面学了这么多理论，是时候动手了！第一个项目：做一个简单但好看的个人主页。

第一步：描述你的需求

打开 Playground 或你常用的 AI 工具，输入：

帮我做一个个人主页，要求：

• 顶部是你的名字（大标题）
• 中间是一段 100 字左右的自我介绍
• 底部放你的联系方式（邮箱、 GitHub）
• 整体风格简洁清新，用白色背景 + 蓝色作为强调色
• 需要适配手机屏幕

第二步：预览效果

1. 复制 AI 生成的代码
2. 粘贴到一个新的 HTML 文件
3. 双击打开，看看效果

第三步：迭代修改

不满意的地方直接告诉 AI：

• "背景改成浅灰色"
• "字体太大了，缩小一点"
• "在我名字下面加一句座右铭"
• "联系方式改成带图标的样式"

第四步：个性化

把你的真实信息填进去：

• 换上你自己的名字
• 写上真实的自我介绍
• 填入真实的联系方式

常见误区

"AI 生成的代码我一行都看不懂，改不了。"——没关系！你不需要看懂代码。你只需要告诉 AI 你想改什么， AI 会帮你改。这就是 Vibe Coding 的核心！

要点总结

• 从清晰的描述开始
• 预览效果 → 提出修改 → 再次预览
• 用你自己的信息个性化
• 保存为 .html 文件，随时可以修改