← 返回我的路径
Day 1

你的第一个 AI 生成网页

用 AI 生成一个完整 HTML 页面，学会基础代码 Prompt

🛠 推荐工具

DeepSeek 代码能力强，免费 Cursor AI 编辑器，免费额度够用

⚡ 速通版（5 分钟）

  1. 让 AI「写一个个人介绍网页，包含姓名、照片占位、3 个技能标签、联系方式，要好看」
  2. 复制代码保存为 index.html，浏览器打开

🎯 精修版（30 分钟）

  1. 让 AI 生成基础版
  2. 要求加深色模式切换按钮
  3. 要求加动画效果
  4. 手动修改颜色和文字为自己的信息

📋 Prompt 模板（直接复制）

请帮我写一个个人介绍网页（单个 HTML 文件，内联 CSS 和 JS）。包含：
1. 顶部大头像占位（圆形）
2. 姓名 + 一句话介绍
3. 3 个技能标签（带颜色）
4. 联系方式区域
5. 深色/浅色模式切换

要求：现代简约风格，响应式，有微动画。

✅ 产出标准

1 个可在浏览器打开的 HTML 文件，包含个人信息

完成奖励：+10 XP · 徽章「first-step」

📤 提交作品

🐑 小羊助手