← Back to my path
Day 1
你的第一个 AI 生成网页
用 AI 生成一个完整 HTML 页面，学会基础代码 Prompt
🛠 Recommended tools
⚡ Speedrun (5 min)
- 让 AI「写一个个人介绍网页，包含姓名、照片占位、3 个技能标签、联系方式，要好看」
- 复制代码保存为 index.html，浏览器打开
🎯 Full version (30 min)
- 让 AI 生成基础版
- 要求加深色模式切换按钮
- 要求加动画效果
- 手动修改颜色和文字为自己的信息
📋 Prompt template
请帮我写一个个人介绍网页（单个 HTML 文件，内联 CSS 和 JS）。包含： 1. 顶部大头像占位（圆形） 2. 姓名 + 一句话介绍 3. 3 个技能标签（带颜色） 4. 联系方式区域 5. 深色/浅色模式切换 要求：现代简约风格，响应式，有微动画。
✅ Output standard
1 个可在浏览器打开的 HTML 文件，包含个人信息
Reward: +10 XP · Badge “first-step”