AIGuide 书页标识AIGuide

本页可直接阅读、选中文本复制或打印。文中的复制按钮、判断练习和成果保存，请使用互动版。

中文教程 · 独立阅读版

继续用 ChatGPT，完成一次明确修改

在同一个网页上提出小范围改动，查看文件差异并复查。

内容整理：2026-09-15 · 资料核对：2026年9月15日

进入互动版，练习并保存成果

开始前准备

完成上一课的本地网页，保留index.html和README.md。沿用同一Codex练习目录。

核对范围：本课是本站设计的局部修改练习。是否真正修改、是否影响其他内容，需要对照自己的文件验证。

1. 先留一份修改前的对照

在文件管理器里复制 index.html，将副本命名为 index-before-tags.html；原来的 index.html 继续作为要修改的文件。也可以使用已经配置好的版本控制。重新打开当前页面，记录原来三个项目的样子。

本课做一个明确的新需求：为三个项目分别加上阅读、计划、记录标签。即使页面本身没有Bug，也能练习有限修改。

2. 在同一任务里说明修改范围

让Codex先读当前文件，再修改目标区域。不要让它重新生成整个项目。

任务提示词
请阅读当前index.html，仅修改项目板块：
读书清单增加“阅读”标签；活动计划增加“计划”标签；学习手记增加“记录”标签。
标签在手机宽度不溢出。保留其他文案、导航、配色与布局。
先说明改动位置；完成后列出实际修改文件和需要复查的地方，不安装依赖。

3. 查看差异并重新打开页面

在应用的修改查看区或文件对比工具中阅读差异，确认只是新增标签与相关样式。界面名称以当前版本为准；若没有差异视图，也可以对照自己保存的原文件。

刷新本地浏览器，检查三个标签是否对应正确项目；缩窄窗口，确认换行后仍可阅读。若刷新没有变化，核对打开的文件路径是否与工具修改路径一致。

4. 记录变化与复查结果

写清“改了什么”和“实际看到了什么”。没有检查的设备单独记录，下一课继续完成网页验收。

遇到问题，找到下一步

说修改了，刷新后却没有变化
  1. 先检查浏览器地址栏的文件路径，再核对 Codex 实际修改的文件路径。
  2. 确保打开的是 index.html，而不是自己的备份副本。
  3. 路径一致时重新打开文件；仍无变化则请工具确认是否保存了修改，并报告对应代码位置。
回到相关步骤
标签加了，但其他内容也被改动
  1. 对照备份，记录被意外更改的文案或板块。
  2. 在原任务中明确要求恢复这些内容，仅保留三处标签及必要样式。
  3. 再次检查导航、简介和联系说明。恢复之前先保留当前文件，避免丢失可参考的改动。
本次只允许为三个项目添加指定标签。现在我发现其他地方也被改了：[填写具体位置与原文]。请对照我提供的修改前版本，恢复这些无关变化，仅保留标签和必要样式。
回到相关步骤

练习与核对

按实际操作自查，完成标记与成果草稿请在互动版保存。

打开练习与核对

带走这一点

一次修改越具体，越容易判断它是否完成。

资料与核对记录

关键步骤有官方依据

已确认统一桌面应用中的 Codex、项目文件夹和新聊天流程。

本次核对公开官方资料，未登录产品账号、运行练习或发起付费调用。

步骤对不上？在互动版生成问题记录