动手：做一个个人主页

你要做什么

一个有头像、名字、简介、项目展示、社交链接的个人主页。

⏱️ 预计耗时：20 分钟 🛠️ 技术栈：HTML + CSS 🤖 AI 工具：Cursor Chat

第一步：创建文件

在 Cursor 中新建一个文件夹 my-profile，创建 index.html。

按 Cmd+L，输入：

帮我做一个个人主页：
1. 深色背景，白色文字
2. 顶部是一个圆形头像占位（用灰色圆圈代替）
3. 头像下面是名字 "小明"（大号字体）
4. 名字下面一行小字 "AI 编程学习者 · 喜欢创造东西"
5. 往下是一个"关于我"段落
6. 再下面展示 3 个项目卡片，每个有标题和简介
7. 底部放 GitHub、邮箱两个链接，带小图标
8. 整体居中显示，干净现代的设计

AI 会生成完整的 HTML + CSS。保存后在浏览器中打开。

第二步：替换成你自己的信息

告诉 AI：

把名字、简介、项目都改成我自己的：
- 名字：[你的名字]
- 简介：[一句话自我介绍]
- 项目 1：[项目名] - [简介]
- 项目 2：[项目名] - [简介]
- 项目 3：[项目名] - [简介]

第三步：美化细节

把头像圆框加上渐变色边框
项目卡片加上 hover 动画效果（鼠标放上去微微上浮）
背景加上微妙的网格纹理

🎯 进阶挑战

• 加上深色/浅色模式切换按钮
• 把项目数据改成 JSON 文件动态加载
• 加上打字机效果的标题动画

✅ 你做到了

• 拥有一个可以发给朋友看的个人主页
• 学会了用 AI 搭建完整页面
• 理解了 HTML 结构和 CSS 布局

下一步： 把这个页面部署上线，让全世界看到。