基础用法
5 分钟做出第一个成果
零基础也能完成：新建一个文件夹，让 Codex 做一个个人介绍网页，双击打开看效果，再让它改个颜色。
本篇速览
你将学会：让 Codex 从零做出一个能在浏览器里打开的网页，并让它按你的要求修改。
大约多久：5 分钟。
需要准备：已登录的 ChatGPT 桌面应用，不需要任何编程基础。
新建一个空文件夹
在桌面上新建一个文件夹，命名为 我的第一个项目。
- Mac：在桌面空白处右键，选"新建文件夹"；
- Windows：在桌面空白处右键，选"新建" → "文件夹"。
用一个新的空文件夹练手，Codex 怎么改都不会影响你的其他文件。
把文件夹交给 Codex
打开 ChatGPT 桌面应用，从 ChatGPT 下拉菜单选择 Codex。
点侧边栏 Chats 旁边的 Add new project，选中刚才的 我的第一个项目 文件夹。
这一步就是告诉 Codex："你只在这个文件夹里干活。"
把这段话发给 Codex
复制下面这段话，粘贴到输入框里，把方括号里的内容换成你自己的，然后发送：
帮我在这个文件夹里做一个个人介绍网页，文件名叫 index.html。
内容包括：我的名字[小明]、一句话介绍[喜欢摄影的产品设计师]、三个爱好[摄影、徒步、咖啡]。
要求：只用一个 HTML 文件，不需要安装任何东西；风格简洁好看，手机上打开也正常。
做完告诉我文件在哪、怎么打开。你会看到什么：Codex 开始工作，对话里会显示它正在创建 index.html。一般几十秒内完成，最后它会告诉你文件已经做好、在哪里。
打开看看效果
打开桌面上的 我的第一个项目 文件夹，里面多了一个 index.html 文件。双击它，会用你的浏览器打开，你就能看到刚做好的网页。
桌面应用也能直接预览生成的网页文件。如果应用里弹出了预览，直接在里面看也可以。
让它改个颜色
回到 Codex，接着在同一个对话里说：
把网页的主色调改成深蓝色，标题字号再大一点。其他内容不要动。你会看到什么：Codex 修改 index.html，并告诉你改了哪些地方。
回到浏览器，刷新页面（Mac 按 Cmd+R，Windows 按 F5），就能看到新颜色。
恭喜
你刚刚完成了和 Codex 合作的完整流程：说清楚要什么 → 它动手做 → 你检查结果 → 提出修改。以后做任何事，都是这个循环。
还可以这样玩
在同一个对话里继续试试：
加一个"联系我"的区域，放一个邮箱链接 [me@example.com]。给爱好部分加上简单的图标，鼠标移上去有一点动画效果。我看不懂这个文件，用最通俗的话给我讲讲 index.html 里每一部分是干什么的。遇到问题
| 情况 | 怎么办 |
|---|---|
| Codex 弹出请求，问能不能做某件事 | 看看它要做什么，在项目文件夹里创建、修改文件一般可以同意。不确定就点拒绝，再问它为什么需要。见权限模式白话版 |
双击 index.html 打开的不是浏览器 | 右键文件，选"打开方式"，选 Chrome、Safari 或 Edge |
| 改完刷新没变化 | 确认改的是同一个文件；问 Codex"你改的是哪个文件？" |
| 改坏了 | 直接说"刚才的修改不要了，恢复到上一个版本"，或看改坏了怎么办 |
下一步
- 学会把需求说得更清楚：怎么跟 Codex 说清楚需求
- 挑一个真实场景练手：做一个个人网页或落地页