用 Codex 做出并上线第一个网站

先定义能验收的结果

不要从挑工具开始。先写清楚网站为谁解决什么问题、首页必须出现什么、完成后如何判断别人也能打开。这样即使以后替换 Codex、框架或托管平台，这份任务资产仍然有效。

• 一个明确使用者
• 一个首页核心动作
• 一个本地验收网址
• 一个公开验收网址
• 一组明确不做的范围

沿一条路径完成，不在工具列表里迷路

先复制网站任务说明，再让 Codex 打开独立项目文件夹。页面能在 localhost 打开后，才进入界面改进、产品化七项检查、工程检查和部署。localhost 是只在你自己电脑上临时访问的网址，不等于别人已经能用。任何一步失败，都保留原始报错并让 Agent 解释下一项最小动作。

1. 写任务说明

   操作

   填写使用者、单一结果、页面区块、视觉方向和验收标准。

   你应该看到

   你能用几句话说明网站完成时应该是什么样。

   如何确认

   任务说明中的每个要求都能通过页面或命令检查。

   卡住时

   • 如果需求不断增加，把它们移到本轮不做。

2. 完成本地闭环

   操作

   让 Codex 读取项目、生成页面、启动开发服务并解释本地网址。

   你应该看到

   浏览器显示与你的任务说明对应的页面。

   如何确认

   刷新页面、检查手机宽度，并确认终端没有未处理错误。

   卡住时

   • 不要只截一张好看的图；保留启动命令和错误文本。

3. 通过产品化七项检查

   操作

   检查真实动作、页面状态、手机操作、隐私、SEO、公开访问和回退方式。SEO 是让搜索引擎看懂页面标题、说明和链接的基础设置。

   你应该看到

   页面不只是好看的截图，每个核心动作都有结果，失败时也有说明。

   如何确认

   按产品化指南逐项留下通过、失败或不适用的记录。

   卡住时

   • 某一项暂时做不到时明确标成未完成，不要用假按钮或假数据遮住。

4. 发布并复查

   操作

   完成项目检查，再使用官方部署路径获得公开网址。

   你应该看到

   不是你这台电脑的设备也能打开网站。

   如何确认

   在无痕窗口打开首页和一个深层链接，并核对页面标题。

   卡住时

   • 部署成功但域名打不开时，分别检查 deployment、域名绑定和 DNS。

这条路径目前证明了什么

这些页面基于官方文档、所有者仓库和 Agent Builder Lab 自身工程记录编写。它们证明内容路径和工程验收存在，不证明第一次做网站的人已经独立完成，也不证明搜索需求、受欢迎程度或学习效果。