上一章你做的是一个"工具"，这一章我们做一个"门面"——一个你自己的个人主页。

我们要做什么

一个单页的个人主页，包含：

• 你的名字或昵称作为标题
• 一句简短的自我介绍
• 几个链接按钮（比如 GitHub、微博、邮箱）
• 一张头像图片（可以是你自己的，也可以是任何你喜欢的图片链接）
• 整体看起来干净、现代、不寒酸

做完之后，你可以把它托管到网上（后面会说怎么免费托管），发给别人就是一个你的个人链接页面。

第一步：准备一张图片链接

你需要一张能在网上访问的图片。选一个办法：

办法 A（简单）：直接用一个公开的图片链接。比如：

• https://picsum.photos/200（随机美图，每次刷新都不一样）

办法 B（正经）：上传你自己的头像到图床。搜索"免费图床"，随便找一个，上传后拿到链接。

先用办法 A 做出来，以后想换头像了再替换链接就行。

第二步：把需求发给 AI

把下面的提示词复制发给 AI：

请帮我做一个个人主页网页。所有代码写在一个 HTML 文件里。

页面内容：
1. 顶部居中显示一张圆形头像，图片链接用：https://picsum.photos/200
2. 头像下面是名字"张三"（你可以先写张三，做好了再换成你自己的）
3. 名字下面是简短介绍："一个正在学习用 AI 做东西的人"
4. 下面有 3-4 个链接按钮，竖着排列，按钮上分别写：
   - 我的 GitHub
   - 给我发邮件
   - 我的微博
   每个按钮下面用灰色小字写一行说明（比如 GitHub 下面写"偶尔写点代码"）
5. 最下面写一行小字"© 2025 张三"

设计风格：
- 背景色是浅灰色 (#f5f5f5)
- 页面居中，最大宽度 500px
- 按钮圆角，白色背景，点上去有颜色变化
- 字体用系统默认字体
- 整体干净、留白充足、不花哨

请给我完整代码，不要省略。

第三步：保存运行

跟上一章一样：复制代码 → 保存为 个人主页.html → 双击打开。

第四步：让它变成你自己的

现在页面上写着"张三"。我们来把它改成你的。你有两个选择：

选择 A：自己动手改。 用记事本打开 个人主页.html，找到"张三"，改成你的名字。找到"一个正在学习用 AI 做东西的人"，改成你自己的介绍。保存，刷新浏览器。

选择 B：让 AI 帮你改。 把当前代码发给 AI，然后说："请把名字改成李四，把介绍改成'喜欢摄影和做饭'，把按钮文字改成'我的摄影作品'、'小红书'、'B站'。"

两种方式都行。选 A 让你熟悉代码结构，选 B 更省事。建议先 A 再 B——先手动改名字体会一下，然后让 AI 做更复杂的修改。

做出来的效果

你的页面大概长这样：

┌──────────────────────────────────┐
│                                  │
│            ╭──────╮              │
│            │ 头   │              │
│            │ 像   │   ← 圆的     │
│            ╰──────╯              │
│                                  │
│            张  三                │
│   一个正在学习用AI做东西的人   │
│                                  │
│  ┌──────────────────────────┐   │
│  │      我的 GitHub          │   │
│  │     偶尔写点代码           │   │
│  └──────────────────────────┘   │
│  ┌──────────────────────────┐   │
│  │      给我发邮件            │   │
│  │     zhangsan@email.com    │   │
│  └──────────────────────────┘   │
│  ┌──────────────────────────┐   │
│  │       我的微博             │   │
│  │     日常碎碎念             │   │
│  └──────────────────────────┘   │
│                                  │
│         © 2025 张三              │
└──────────────────────────────────┘

怎么免费放到网上

你现在有一个能在自己电脑上打开的网页。如果想让别人也能看到，最免费的方案：

1. 注册 GitHub 账号（github.com，免费）
2. 创建一个新仓库（repository），名字叫 你的用户名.github.io
3. 把你的 个人主页.html 改名为 index.html
4. 上传到那个仓库
5. 等一分钟，访问 https://你的用户名.github.io，就能看到了

GitHub 的具体操作不在本课程范围，但你可以把上面这段说明发给 AI，让它一步步教你："我想把一个 HTML 文件免费托管到 GitHub Pages，请一步一步教我，我是零基础。"

本章小结