3 小时做出你的第一个个人主页

目标：3 小时内做出一个能放进作品集、能发给别人看的个人主页。全程用 AI 编程工具对话完成，不学语法。

这一版教程用最简单的方式：纯 HTML + CSS，不安装任何框架，双击就能在浏览器里打开。等你熟练了，再让 AI 换成更复杂的技术也不迟。

你会做出什么

开始前花 15 分钟准备好这些，后面会快很多：

新建一个空文件夹，比如 mysite，把头像放进去。用 Claude Code 或 Cursor 打开这个文件夹，发送：

我想做一个个人主页，请用纯 HTML 和 CSS，不要安装任何框架和依赖。
包含三个页面：首页、作品集、关于我，顶部有导航可以互相跳转。
要适配手机，要支持深色模式。
主色用【你喜欢的颜色】。
先问我你需要知道的信息，然后给我一个计划，确认后再开始写。

AI 写完后，问它怎么在浏览器里打开。一般是双击 index.html 就行。

第一版不好看很正常。看到骨架能跑、三个页面能互相跳转，第 1 小时就达标了。

把准备好的材料整段发给它：

按下面的内容把三个页面填好：
- 首页：名字、一句话介绍、头像、一个「看看我的作品」按钮
- 作品集：卡片网格，每张卡片是 项目名 + 一句话描述 + 截图
- 关于我：分 4 段，现在在做什么 / 过去的经历 / 喜欢什么 / 怎么联系我

【把你的自我介绍、项目和联系方式贴在这里】

填完以后在浏览器里一页页看。哪里不满意，就直接说，比如：

帮我做这几件事：
1. 加一个网站小图标（favicon）
2. 给每个页面写好标题和描述，方便被搜索到
3. 在右上角加一个深色 / 浅色模式切换按钮
4. 检查所有链接和图片是否正常，手机上看有没有错位
做完把你改了什么列出来。

最后，用手机打开看一遍（让 AI 告诉你怎么在手机上预览），再请一个朋友看看，记下他的第一反应。

做好了就让它上线：

上线之后才是开始：第一周该看什么