我帮你把“接下来要做的事”“Deep Research如何工作”“提示词写法”“优化点”和“风险点”都整理成一个执行蓝图，方便你一步步落地。
| 阶段 | 主要任务 | 产出物 | 对应参考 |
|---|---|---|---|
| 1. 启动准备 | 明确博客拆分的整体结构（首页/教学日志/学生作品/联系/学习资源 → 每页分区） | “整体装配图”+ 分区清单 | 框架意识 |
| 2. 数据导入 | 上传 WordPress 导出的 XML，验证内容完整性（页面、分类、文章、媒体） | 校验后的原始 XML + 导入日志 | 项目执行进度 P0 |
| 3. 一级拆分 | 按“页面”为单位生成项目（首页、教学日志、学生作品等） | 各页面独立 HTML/CSS/JS 目录 | 功能→能力映射 |
| 4. 二级拆分 | 每个页面分为标题区、内容区、横幅区、页脚等 | 分区 HTML 模块文件 | 项目目标 P2 |
| 5. 三级拆分 | 区域再细分成可单独开发/教学的组件（如横幅→背景图、文字标语） | 组件源码 + README | 组件化教学思路 |
| 6. 内容复原验证 | 将拆分模块重新组合成原样博客，测试 UI/功能一致 | 完整复原站点 | Phase 3 检查 |
| 7. 教学映射 | 将每个组件映射到课堂周计划与技能点 | 教学对照表（功能→技能） | 功能映射图 |
系统角色设定 你是 Web 前端项目拆解助手，目标是将我的 WordPress 博客导出文件拆解成三级项目（博客→页面→区域/组件），并保证在拆解后可以100%恢复到原博客的视觉与功能状态。
任务输入
- 博客 XML 文件（已上传）
- 页面结构：{首页, 教学日志, 学生作品, 联系, 学习资源}
- 拆分层级：
- 一级：每个页面为独立项目
- 二级：页面内分为标题区、内容区、横幅区、页脚等
- 三级：区域再拆分为可独立开发的组件（如横幅→背景图组件、标语组件）
- 拆分要求：
- 每个拆分层级都要有独立文件夹与 README
- 保留原有 CSS/JS 引用路径和媒体文件链接
- 输出功能→技能的教学映射表
- 最终需提供一键复原的组合文件
输出格式
- 拆分目录树（含文件名与相对路径）
- 每个模块的 HTML/CSS/JS 源码
- 功能→技能映射表（Markdown）
- 一键复原的 HTML 文件及说明