Codex Sites 从 0 到 1：10 分钟从一个想法到一个真网站
从零开始掌握 OpenAI Codex——AI 编程工程 Agent。14 章覆盖认识 Codex、四种入口安装、核心功能（自动化/插件/Skill/MCP/Git/记忆）、标准工作流、实战案例和第三方模型接入。
Codex Sites：从想法到真网站只要三步
我用 Codex 的 Sites 做了 3 个东西：个人网页、公司网站、还有一个用 Vibe Coding 方式做出来的微信公众号排版工具。
今天来好好聊一聊 Codex 的这个 Sites 功能。从打开 Codex 到拿到链接，全流程走一遍。
最后我会讲我踩的两个坑——这两个坑官方文档没提，但你会撞上。
一、Sites 到底干了什么
以前你让 AI 帮你写网页，拿到的是一堆代码——HTML、CSS、JavaScript。然后你得自己找地方托管、配域名、点部署。这几步够把大部分人劝退。
Sites 把这几步合并了。你在 Codex 里描述需求，它生成网站，预览满意后点发布，直接给你一个能分享的链接。打开就是真实的页面，不是预览窗格。
和 Claude 的 Artifacts 不同——Artifacts 是对话里的预览窗，链接改一下就失效，没法直接分享。Sites 是真上了互联网的页面，链接是稳定的。
一句话：你负责想，它负责上线。
二、3 步上线
Step 1：触发 Sites
打开 Codex，新建对话。两种方式触发：
- 直接在输入框打”做一个……的网页”
- 输入 @ 符号，从弹出菜单里选 Sites
Step 2：用一段话描述需求
最容易翻车的一步。新手常写”帮我做个网站”——AI 没你的信息，只能给你编一个叫”Acme Corp”的虚构公司，写着”我们致力于提供最优质的服务”。
按这个公式写：
- 你是谁
- 给谁看
- 页面要放什么 （结构 + 真实内容）
- 什么风格
举个例子，AI 生图博主做 prompt 工具合集页：
我是 AI 生图博主，平时发教程和 prompt。目标读者是想学 AI 生图的小白。页面要：一句话介绍我是谁 + 3 篇置顶教程 + 我的 prompt 模板合集（先放占位图）+ 联系方式（推特 + 邮箱）。风格：深色背景、霓虹强调色、图大文字少。手机优先。
发出去，等几十秒，Codex 生成一个预览。
Step 3：预览 → 改 → 发布
Codex 起一个本地预览（浏览器打开 localhost:xxxx）。不满意就跟它说：“把顶部标题改得更有感召力”、“调整一下颜色”、“加一个邮件订阅表单”——它会增量改。
满意了，点发布，拿到可分享的链接。
几个容易忽略的细节：
- 发布前先存版本 ——每次发布直接覆盖线上版本，改崩了不好回滚
- 发布后改访问权限 ——站点默认只有你能看，要去设置里改成”全网公开”
- 删站点不可恢复 ——需要输入站点名确认，别手滑
三、适合拿来做什么
- 个人/品牌作品集 ：设计师、摄影师、博主的展示页
- 资源合集页 ：你的 prompt 包、工具导航、模型对比
- 活动邀请页 ：workshop、直播、社群聚会
- 产品预热页 ：“敬请期待” + 邮件收集
- 临时落地页 ：测试一个想法有没有人感兴趣
四、做不了什么
- 用户登录注册 ——静态站，没后端
- 存数据的表单 ——能做出表单 UI，但提交后数据去哪它不管。要收表单得接 Tally、Airtable 这种第三方
- SEO 流量 ——挂 Codex 子域名，没法深度优化 meta 标签
这些不是 bug，是产品定位。Sites 解决的是”上线”，不是”做产品”。
五、我踩的 2 个真坑
官方文档不会告诉你这些。
坑 1：localhost 突然挂了，页面就丢了
这是我最烦的一个。
正常情况下，Codex 生成页面后会起一个本地预览服务（localhost 端口），你在浏览器里看效果、改内容。
但有时候，你聊着聊着，回去一看——
页面没了。
我观察下来，长对话 + 改了几版之后最容易触发。 Codex 内部那个预览进程不知道什么时候被自己搞挂了，但它不告诉你，你只能自己刷，或者重开对话。
有一次我做到第 4 版，页面丢了，只能从头再来——心态直接炸。
避坑方法 ：重要的页面，每改完一版，让 Codex 把当前版本导出成静态文件存到本地。别完全依赖那个本地预览。
坑 2：站点多了，Codex 整体变慢
第一次用很顺，几秒出页面。
后来我同时在 3 个项目里都有 Sites 文件夹。再开对话——生成慢了、响应迟了、加载转圈 。
我没法 100% 确认原因，但表现就是：项目越杂越卡。猜测是 Sites 索引在后台扫所有站点文件。
避坑方法 ：不要把所有站点都堆在一个 Codex workspace 里。做完一个、归档一个。
六、额外需要注意的
Sites 发布的链接是 Codex 托管的子域名，不是你自己的域名。意味着：
- 不能挂自己的品牌域名
- 长期托管有政策风险
如果你做的是正式官网，还是得上 Cloudflare / Vercel 自己搞。
七、适不适合你用
用它来：
- 30 分钟验证一个想法
- 临时活动、临时邀请
- 给非技术朋友做一个”看起来像样”的页面
别用它来：
- 当你的”正式官网”
- 长期托管重要资产
- 当 SEO 主战场
AI 工具的甜区永远是：让你先发出去 ，不是替你长期维护。