無需動手！使用 Codex 在一天內打造獲利網站的逐步指南

你不需要懂 Figma ，React ，Supabase，Vercel。这边文章教你跳过这些繁文缛节，通过Codex直插重点，把赚钱的网站跑起来。

sudoku.com 这个站，一个月有机搜索 1269 万次（SimilarWeb 2026/4 数据）。中文圈大多数开发者还不做这类美区文字 / 数字游戏站 — 信息差就摆在那。

我上周用一天时间，做出了一个 NYT Connections 风格的词义分组游戏站 — Daily Word Categories。

0 设计经验、0 前端 / 后端代码、月成本就 1 份 Codex 订阅 $20。其他 4 个工具全 $0 起步。

全程我没敲过一行命令，也没自己点过一次鼠标 — Codex 帮我跑命令、Codex 帮我操作电脑上的任何 app（浏览器 / Finder / 设计软件都行）、Codex 帮我配数据库。

更狠的是，现在Codex可以在多个 tab 后台并行跑，不占用你的浏览器。意味着 Codex 替你注册账号 / 改 DNS 的时候，你能同时用电脑做别的事。

不用学设计，不用写代码，不用记部署命令 — 你只跟 Codex 说话。

Codex 现在能干 3 件事 — 这是你 0 动手的关键

中文圈大多数人还以为 Codex 只是个"AI 写代码工具"。其实 2026/5 之后 Codex 能干 3 件事，3 件加起来 = 替你跑完整套副业站：

▸ CLI 命令执行跑 npm / git / pnpm / vercel 等命令。 何时用：装工具 / 起项目 / 部署。

▸ Computer Use 操作你电脑上任何 app — Chrome / Safari / Finder / 设计软件 / 任意 GUI。授权一次后 Codex 替你点鼠标 / 输入 / 截图。Chrome 有专门 extension（用你登录 session 最稳）。 何时用：注册 5 个账号 / 改 DNS / 配 Search Console / 操作任何不能命令行的 app。

▸ MCP 服务调用（Supabase / GitHub / Stripe 等都有） 直接调外部服务的 API + 配置。 何时用：配数据库 schema / 创建仓库 / 设支付。

这套栈是什么？

5 个工具组合，1 个付费 + 4 个免费起步：

• Codex — 主驱动 + Computer Use + MCP 三件套 → $20/月（订阅）
• Open Design — 设计稿生成（开源，9 种 CLI 通用）→ $0（local-first 本地跑）
• Supabase — 数据库 + 登录 + 文件存储（有 MCP 接口）→ $0（免费层 500MB DB / 50k 月活）
• Vercel — 部署 + 域名托管 + CDN → $0（免费层 100GB 带宽 / 月）
• Replicate — AI 模型 API（需要时）→ 按用付费 $0.001-0.01/次
• 域名（必须）— 自选 → $10/年（Namecheap）

→ 第一年总成本约 $250（$20×12 + 域名 $10，不含按用 API）。

为什么选 Daily Word Categories 这个 demo？

美区文字 / 数字游戏是 2026 蓝海。3 个数据点（公开可查）：

• sudoku.com：月有机搜索 1269 万（SimilarWeb 2026/4），近期还在涨
• NYT Games：据 The New York Times 公开口径，1000 万+ 日活
• "Connections hints today" 等长尾词每日搜索量大（以 Google Keyword Planner 为准）

为什么 Daily Word Categories 适配 AI 建站：

1. AI 直接生成无限关卡 — 每天 16 个词 + 4 组主题分类，Codex 一句话出
2. 小白 5 秒懂规则 — UI 极简，没有复杂状态
3. 变现路径清楚 — AdSense（流量大）+ 联盟（推同类工具）+ 高级订阅（每日 hints）
4. 信息差成立 — 中文圈大多数开发者不做美区文字游戏，竞争小

Open Design 是什么？为什么必装

Open Design 是 @tuturetom 的 nexu-io 团队开源的 Claude Design 替代品（GitHub: github.com/nexu-io/open-design）。

3 个核心特性：

• Local-first：装你电脑上，不上传数据
• BYOK（bring-your-own-key — 用你自己的 API key）：成本可控
• 19 Skills + 71 brand-grade Design Systems：覆盖电商 / SaaS / 游戏 / 个人站
• 9 种 CLI 通用：Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi 都吃

它解决了 vibe coding 派最大短板 — UI 设计。

具体怎么操作？

5 步走完。每步明确「你做啥 / Codex 替你做啥」 — 你做的部分只动嘴。

1. Codex 替你注册 5 个账号（15 分钟）

你只做 3 件事：跟 Codex 说"帮我注册 5 个账号" → 看屏幕 + 输入邮箱 / 密码 / 验证码 → OAuth 授权时点 "Allow"。

Codex 替你做：用 Computer Use 打开浏览器 → 一个个打开注册页 → 自动填表单 + 处理 OAuth 跳转 + 记录账号信息 → 引导你确认 + 切到下一个网站。

发这一句给 Codex：

"用 Computer Use 帮我依次注册：GitHub / Vercel / Supabase / Namecheap / Replicate。优先用 GitHub OAuth 登录（Vercel / Supabase 都支持）。我输入邮箱密码，你帮我跑流程 + 最后把 5 个账号信息整理成一份清单。"

Codex 自动打开 Chrome（推荐用 Chrome extension 因为它能用你已经登录的 session，更稳），一个个网站走流程。你只需要看屏幕、输入个人信息、点 Allow。

2. Codex 替你装 Open Design + 全部工具链（10 分钟）

你只做 2 件事：发一句 prompt → 按 y 同意每步。

Codex 替你做：检查本机环境 → 缺啥装啥 → 装 Open Design → 启动 → 跑所有命令 + 显示进度 + 装完告诉你访问地址。

发：

"去

github.com/nexu-io/open-design 装 Open Design 到 ~/Tools/open-design。Mac 优先用官方签名 app。装 Supabase CLI + Vercel CLI。装完告诉我 Open Design 本地地址 + 3 个工具版本号确认装好。"

Codex 自动跑（推荐 Mac 用户用官方 app，最稳）：

1# 这些是 Codex 替你跑的，你只看不敲
2git clone https://github.com/nexu-io/open-design ~/Tools/open-design
3cd ~/Tools/open-design && pnpm install && pnpm dev
4npm install -g supabase
5npm install -g vercel

3-8 分钟搞定，Codex 告诉你 Open Design 的本地访问地址。

3. Codex 操作 Open Design 出设计稿（5 分钟）

你只做 2 件事：发 prompt 描述你的游戏站 → 选 1 个你喜欢的设计。

Codex 替你做：用 Computer Use 打开 Open Design 界面 → 输入设计需求 → 等出图 → 把 3 个候选放你面前 → 把选中的设计保存到项目目录。

发：

"用 Computer Use 打开本地 Open Design。给我做一个 Daily Word Categories 游戏站设计 — 类似 NYT Connections，每天 16 个英文词分 4 组。深色主题，移动端优先，参考 NYT Games 极简风格。出 3 个候选我选。"

Codex 自动操作 Open Design 界面 + 出图。

4. Codex 写前端 + 用 Supabase MCP 配数据库（15-20 分钟）

你只做 2 件事：发 prompt 描述功能 → 等 Codex 跑完。

Codex 替你做：写 React 前端 + 用 Supabase MCP 直接配数据库 schema + RLS + 写 API → 全自动配定时任务（你不用打开 Supabase 后台）。

发：

"选第 2 个设计稿转成 Next.js 项目。用 Supabase MCP 直接配 2 张表：(1) puzzles（date + 16 words + 4 categories） (2) user

progress（user

id + puzzle

date + solved

at）。RLS 基础规则配上。每天 6 点定时任务（cron job）用 GPT-5 生成新关卡。"

Codex 自动调 Supabase MCP 直接配数据库（你不用打开 Supabase 后台 SQL 编辑器）+ 写前端代码 + 配定时任务。

7-15 分钟，本地 localhost:3000 能玩了。

5. Codex 部署 Vercel + Computer Use 操作 Namecheap 改 DNS（15 分钟）

你只做 3 件事：发 prompt → 输入 Namecheap 登录密码 → 输入 Google Search Console 密码。

Codex 替你做：CLI 跑 git push + vercel deploy + 同步环境变量 → 用 Computer Use 打开浏览器 → 操作 Namecheap 后台改 DNS → 切到 Google Search Console 提交验证 + sitemap。

发：

"推到 GitHub 新仓库，部署到 Vercel，环境变量自动同步。用 Computer Use 登录我的 Namecheap，把

dailywordcat.com 的 DNS 改成 Vercel 给的 nameserver。同样去 Google Search Console 装好 + 提交 sitemap.xml。"

Codex 自动：

• CLI 部分：git init + push + vercel deploy + 同步环境变量
• Computer Use 部分：打开浏览器 → 操作 Namecheap 改 DNS → 切到 Google Search Console 验证 + 提交 sitemap

全程你只需要在 Codex 提示时输入 Namecheap / Google 账号密码，其他一律 Codex 替你点。

20-30 分钟域名解析完成。

这一刻你已经有一个能跑的线上网站了。

3 个最容易踩的坑

坑 1：Computer Use 没授权会卡在 Step 1 / 3 / 5

Codex Computer Use 第一次操作每个 app 时会弹窗让你点 "允许"。如果你之前没用过 Codex App 的 Computer Use，建议先去设置 → 隐私 → 辅助功能 / 屏幕录制给 Codex 授权一次，免得中途卡 5 分钟找权限弹窗。Chrome 用 Chrome extension 最稳（用你登录 session）。

坑 2：Supabase RLS（行级安全）没配 = 数据库裸奔

Codex 用 MCP 配 RLS 是基础版。上线前必须看一眼 RLS 规则是否合理。具体怎么配下篇细讲。

坑 3：Chrome 任务后台并行 ≠ 所有 Computer Use 任务都能并行

5/21 OpenAI 官宣后 Codex 在 Chrome 里的任务已经是后台并行 + 不占用浏览器了 — Step 1 注册账号 / Step 5 改 DNS 都属于 Chrome 任务，你能同时用电脑做别的。

但：Codex 操作 native app（Finder / Photoshop / 任何非浏览器 app）时仍是 sequential — 这种时候你别抢鼠标 / 别 cmd+tab 切走，等它做完那一步再用电脑。Step 2-4 跟 Open Design 本地交互时偶尔会用 native 模式，注意一下。

这套能做哪些站？

4 种身份对号入座：

你想做美区文字 / 数字游戏站（蓝海首选）→ Wordle 变体 / Connections 变体 / 数独 / 填字游戏

你想做每日 puzzle 答案站（长尾流量收割机）→ "Connections hints today" / "Wordle answer today" 类站，sudoku 赛道头部月有机搜 1269 万

你想做热词工具站（"AI XX Generator" 类）→ 接新模型发布做工具落地页

你想做带登录支付的 SaaS → Supabase auth + Stripe + Vercel = 完整商业站

月成本 vs 收入预期

• 第 1 个月：月成本 $20-30 / 月收入 $0-50（建 + 等 Google 收录）
• 第 3 个月：月成本 $30-50 / 月收入 $50-300（单站流量起来）
• 第 6 个月：月成本 $50-100 / 月收入 $500-1000+（多站累积 / AdSense + 联盟）

收入数字是行业常见区间，以你实际 AdSense / 联盟后台为准。参考天花板：sudoku.com 一个站月有机搜索 1269 万。

最后说一句

以前上线一个站要 3 个角色：设计师 + 前端 + 后端。或者 1 个人学 3 套技能花 3 个月。

现在 1 份 Codex 订阅 + Open Design 开源 = 3 个角色都包了。月 $20 比一杯星巴克贵不了多少。

更关键的 — Codex 现在不止能写代码，还能用 Computer Use 操作你电脑上任何 app（不只是浏览器 — Finder / Photoshop / 任何 GUI 都行）+ 调 MCP 配后端服务。今天（5/21）OpenAI 又加了一招：Chrome 任务后台并行多 tab 跑，不占用你的浏览器。小白真的 0 动手 + 0 等：你只动嘴 + 看屏幕 + 按 y，剩下时间该刷推刷推、该开会开会。

美区文字 / 数字游戏站还是蓝海 — sudoku.com 月 1269 万搜索还在涨，多数中文开发者还没动。信息差就是钱。

挑一天跑一遍这 5 步。第一次跑通后，每上线一个新站 30 分钟的事。不耽误你周末干别的。