Codex APP 入门到实战：用 AI 日报项目跑通 Agent 工作流

学工具最快的方式是做完一个真实项目。这篇用一个”AI 行业日报”项目，把 Codex 的完整链路走一遍。

项目定义

需求很朴素：每天早上自动汇总 AI 领域的重要动态，生成一个网页，推送到 GitHub 并部署。

拆成五步：

1. 建项目骨架
2. 抓资讯、生成内容
3. 生成页面并迭代视觉
4. 接入长期记忆（保持风格一致）
5. 自动化定时运行

第一步：建项目骨架

不要让它”帮我做一个日报网站”，这句话太模糊。给出结构：

在这个目录建一个静态站点项目：data/ 存每日 JSON，scripts/fetch.mjs 负责抓取，templates/ 存页面模板，dist/ 是输出目录。技术栈用原生 HTML + CSS，不引入构建工具。先只生成骨架和一份示例数据，不要写抓取逻辑。

跑完你会得到一个能打开的空站点。先看到东西，再往里填，比一次性生成整个项目要可控得多。

第二步：生成页面

拿到示例数据后再让它做渲染：

读 data/2026-07-19.json，按 templates/day.html 生成 dist/index.html。栏目顺序：一句话摘要、重要动态、工具更新、值得读的长文。

第三步：视觉迭代（这里有技巧）

不要说”做得好看一点”。要给参照和约束：

当前页面信息密度太高。要求：正文行宽不超过 720px，行高 1.8，正文色 #2b2b3c，强调色 #5451d6，卡片圆角 10px、阴影 0 4px 16px rgba(24,24,48,.05)。移动端单列。

给具体数值，Agent 才能复现你的审美。这也是我为什么建议每个项目都维护一份设计令牌文件——它把”好看”变成了可传递的参数。

第四步：长期记忆

Codex 支持把项目约定写进记忆文件。把下面这些固化下来：

## 项目：AI 日报
- 输出语言：简体中文，不用"赋能""抓手"这类词
- 每条动态控制在 60 字以内
- 只收录有明确来源的信息，不确定的标注"待核实"
- 视觉规范见 DESIGN.md

有了它，你不用每次重复风格要求。长期记忆的价值不是让 Agent 更聪明，而是让它的输出更稳定。

第五步：自动化

流程跑通之后，把它变成定时任务：

# 每天 8:00 执行
0 8 * * * cd ~/ai-daily && codex run "抓取今日资讯，生成页面，提交并推送"

第一次务必人工盯完整轮，确认它不会在权限环节卡住、不会把 dist 提交成源码。

踩过的三个坑

• 一次性生成整个项目：产出一堆你读不完的代码，出问题无从下手。
• 审美靠嘴说：不说数值，每一次迭代都是碰运气。
• 自动化开太早：流程没稳定就上定时，等于批量生产错误。

收获

做完之后最大的改变不是省时间，而是这个项目开始自己运转了。你从执行者变成审核者——这才是 Agent 工作流真正的杠杆点。