第一部分：入门与设置

第1章：古代符文与现代卷轴 - 经典与现代起步项目

项目0：Hello World 每个初学者程序员都从这里开始。今天我们将使用提示工程在HTML中实现它，创建你的第一个网站。使用N快捷键自动部署到Netlify。

项目1：Pong游戏 使用HTML、CSS和JavaScript创建一个可运行的Pong游戏。支持触屏手势和方向键/WASD控制挡板。使用N快捷键自动部署到Netlify。

项目2：个人链接页（Link in Bio） 创建一个链接树页面，包含多个可点击按钮，用于展示社交媒体或产品服务链接。你可以为一个动物、巫师或虚构角色设计，或由用户提供标题、链接列表和设计偏好（如颜色、布局等）。使用N或REPL快捷键快速在Netlify或Replit上部署。

项目3：图片转代码（Pic to Code） 上传任意照片或手绘草图，我将将其转化为网站。编写UI代码，使用各种设计元素让页面“出彩”，添加视觉亮点。使用N或REPL快捷键即时部署。

---

第2章：传送术 - 轻松上线网站

项目4：Netlify一键部署 使用N快捷键实现网站自动部署！注意：需在1小时内认领，否则站点将被删除。

手动部署可通过NM快捷键使用Netlify Drop：

• 访问 https://app.netlify.com/drop
• 拖放网站文件夹即可上线
• 更新时，在Netlify仪表板中上传新文件夹即可

更改Netlify域名：

• 保留.netlify.app后缀：在域名管理中选择“更改名称”
• 自定义域名：需先购买域名，再映射到Netlify（参考官方文档）

项目5：Replit部署 使用REPL快捷键将代码导出到Replit运行并部署：

• 桌面端：点击右上角部署按钮
• 移动端：点击右下角方块 → 新标签 → 部署
• 选择“静态网站”类型，设置主域名，点击部署

项目6：高级部署选项 Vercel和Render适合更复杂的React、Next.js或全栈应用。

---

第3章：魔杖 - 开发工具配置

项目7：手机端开发环境 配置Replit和GitHub账户，安装Replit手机应用。使用模板创建静态网站，打包后导入Replit，同步到GitHub，并通过Replit部署。

项目8：专业开发环境 安装以下工具：

• Cursor.sh（VSCode克隆）
• Warp终端
• GitTower或SourceTree（Git图形界面）
• GitHub Copilot（可选）

在Cursor中创建项目，初始化Git仓库并同步。使用Grimoire生成代码，按Z解压并打开index.html，运行调试查看网站。

---

第4章：占卜术 - 起源

项目9：Git入门 Git是代码版本管理的强大工具，可保存所有历史版本，支持协作开发。

核心概念：

• 本地与云端（origin）双副本
• 分支：main（生产）、development（开发）、feature（功能）

常用命令：

• clone, pull, branch, stage, commit, push, merge

推荐使用Git Tower或SourceTree等图形工具。

实用命令：

• git stash（暂存未提交更改）
• git bisect（二分查找Bug）

注意：Git ≠ GitHub，还有GitLab等替代方案。

项目10：Linear项目管理 Linear适合大型项目或团队协作，可将工单名称作为Git分支名，实现自动状态同步。单人简单项目可跳过。