自动读真实评论 → 提炼选题 → 接入生成器网站 → 更新部署Auto-read real comments → distill topics → plug into the generator site → update & deploy
BobbyBobby
2026 年 7 月July 2026
今天的六步Six Steps Today
1
目标 & 方法Goal & Method
不讲代码。学会指挥 Codex 的四步协作法。No coding. Learn the four-step way to direct Codex.
2
准备 & 连接Setup & Connect
装好 Codex 的 Chrome 扩展，看到 “Connected”。Install the Codex Chrome extension and see "Connected".
3
读评论 · 出选题Read & Distill
用 @Chrome 读真实评论，提炼 5 张选题卡。Use @Chrome to read real comments into 5 topic cards.
4
接进网站Wire Into Site
让 Codex 把选题接进你现有的生成器。Let Codex feed the topics into your generator.
5
上线 · 更新Deploy & Update
一键部署上线，并养成每周更新一批选题的习惯。Deploy in one step and build a weekly habit of refreshing topics.
6
兜底 · 作业Safety & Homework
内容不掉链子的预案，课后独立跑一轮。Fallbacks so nothing breaks, then run one round on your own.
目标：让你的漫剧“自己产选题、自己更新”Goal: Make the Series Feed Itself Topics and Update Itself
前几周你已经想清楚“做什么”、也做好了网站。今天解决一件更狠的事：让做第 2 集、第 10 集越来越省力，而不是每次都从零熬夜。You already know what to make and have built the site. Today solves a harder thing: make episode 2, episode 10 easier each time, instead of starting from zero every night.
不讲什么What We Skip
不讲代码、不讲原理，你不用手动改任何程序。No code, no theory. You never edit any program by hand.
重点做什么What We Do
用 Codex 把“找选题”这件最累的事自动化，接进你的网站。Use Codex to automate the most tiring part—finding topics—and wire it into your site.
下课带走什么What You Leave With
一套“每天推进一步”的流程，和指挥 Codex 的方法。A "move one step daily" workflow and a way to direct Codex.
你已经有两块积木，今天补“选题”这一环You Have Two Blocks; Today We Add "Topics"
一集漫剧的完整链路有五步。你的生成器网站已经能做第 3 步，你的用户框架（JTBD / 四力）是第 2 步的判断标准。唯一的断点是第 1 步：选题现在靠灵感，不可持续。A full episode has five stages. Your generator site already handles stage 3; your user frameworks (JTBD / four forces) are the yardstick for stage 2. The only gap is stage 1: topics still rely on inspiration and cannot last.
1
收集痛点Collect
真实评论、热帖、自己的经历。今天补这里。Real comments, hot posts, lived experience. Fixed today.
2
筛选选题Choose
用四力/卡诺判断值不值得拍。Judge with the four forces / Kano.
3
生成脚本Generate
你的生成器网站已经能做。Your generator already does this.
4
发布Publish
小红书 / TikTok 连载。Serialize on Xiaohongshu / TikTok.
5
反馈回流Feedback
评论/投票变成下一集选题。Comments/votes become the next topic.
核心方法：指挥 Codex 的四步（学会这个，什么都能做）Core Method: Four Steps to Direct Codex (Learn This, Build Anything)
1
说清楚Ask
用一句话讲清要什么 + 你怎么算“做对了”。Say what you want and how you'll know it's right.
2
让它做Let It Do
它写代码 / 读网页，你不用看代码。It codes / reads pages; you don't look at code.
3
验收Check
用你看得懂的标准检查结果对不对。Check the result against standards you understand.
4
迭代上线Iterate
不对就截图告诉它改；好了让它上线。If wrong, screenshot and tell it to fix; if good, ship it.
一句话In one line
你今天学到的不是“一个工具”，而是怎么把脑子里的想法交给 Codex 实现——以后做任何东西都用这四步。What you learn today is not "a tool" but how to hand an idea to Codex—use these four steps for anything later.
开始前，先把这几样准备好Before Starting, Get These Ready
准备项Item
怎么做How
登录小红书Log in to Xiaohongshu
用 Chrome 登录，打开一个留学生热帖，把评论往下多滚动、点开几条“展开”。Log in via Chrome, open a hot student post, scroll and expand several comments.
打开 CodexOpen Codex
确认能正常对话、能读写你电脑上的文件。Confirm it can chat and read/write files on your computer.
网站项目在本地Site project on disk
把你的生成器网站文件夹（含 index.html）放在电脑上，先双击打开确认能显示。Keep your generator folder (with index.html) on disk; open it once to confirm it displays.
提示Tip
先记住这个“改动前的样子”——一会儿改完好对比。Remember this "before" state so you can compare after editing.
连接 @Chrome：让 Codex 能读你的网页Connect @Chrome: Let Codex Read Your Pages
在 Chrome 应用商店安装官方 Codex 扩展（OpenAI 出品）。Install the official Codex extension (by OpenAI) from the Chrome Web Store.
安装后点开扩展图标，确认显示 “Connected”。Open the extension icon and confirm it shows "Connected".
在 Codex 对话里输入 @Chrome 就能调用它读当前标签页。Type @Chrome in a Codex chat to have it read the current tab.
✅ 连好的标志✅ Connected when
扩展图标显示 “Connected”，`@Chrome` 能直接读当前标签页内容——不会再弹网站授权框。The icon says "Connected" and @Chrome reads the current tab directly—no per-site permission popup.
扩展显示 “Connected” 即可用Ready when it shows "Connected"
提示Tip
装好扩展、看到 “Connected” 就能用；不用去 Codex 的 Plugins 里找 Chrome（Plugins 里的 Netlify 是后面上线才用的）。Once the extension shows "Connected", you're ready; no need to look for Chrome in Codex's Plugins (the Netlify there is used later for deploy).
步骤 1：让 Codex 读评论、吐出 5 张选题卡Step 1: Have Codex Read Comments and Return 5 Topic Cards
操作：让那个滚动展开好评论的小红书页面处于当前标签页 → 回到 Codex → 发下面这段。Do: Keep the Xiaohongshu post (with comments expanded) as the active tab → go to Codex → send the prompt below.
📋 Prompt📋 Prompt
@Chrome 读完我当前打开的这个小红书帖子下的评论，帮我提炼 5 个可以拍成 2-3 分钟留学生漫剧的选题。
每个选题给我：
1) 标题钩子（像小红书爆款标题）
2) 痛点原话（引用评论里的话）
3) 用户场景（在哪、什么时候、什么情绪）
4) 情绪类型（代入型 / 信息型 / 好奇型）
5) 适合哪类留学生（准备去 / 刚落地 / 好奇）
硬性要求：真实地名一律用代号，例如 格拉斯哥→G市、伦敦→L市。@Chrome Read the comments under the Xiaohongshu post I currently have open, and distill 5 topics I can turn into 2-3 minute student comic-drama episodes.
For each topic give me:
1) A title hook (like a Xiaohongshu viral headline)
2) The original pain point (quote a comment)
3) The user situation (where, when, what emotion)
4) Emotion type (immersive / informational / curious)
5) Which students it suits (about to go / just landed / curious)
Hard rule: replace every real place name with a code, e.g. Glasgow -> City G, London -> City L.
✅ 应该看到✅ You should see
返回 5 条选题，五个字段齐全，地名已变成代号。5 topics come back, all five fields present, place names turned into codes.
读到的评论太少 → 手动多滚动、多点“展开”再让它读一次；地名没换代号 → 回它一句“把所有真实地名换成代号”。Too few comments read → scroll and expand more, then ask again; place names not coded → reply "replace all real place names with codes".
步骤 2：把选题存成一个文件，给网站用Step 2: Save the Topics to a File for the Site
操作：接着上一步的对话，发下面这段，让 Codex 把选题存到你的网站项目文件夹里。Do: In the same chat, send the prompt below so Codex saves the topics into your site's project folder.
📋 Prompt📋 Prompt
把上面这 5 条选题整理成一个 JSON 文件，命名 topics.json，
字段用英文 key：title（标题钩子）、quote（痛点原话）、scene（场景）、emotion（情绪类型）、audience（适合人群）。
存到我的网站项目文件夹里，存好后告诉我文件路径。Turn the 5 topics above into a JSON file named topics.json,
using English keys: title (hook), quote (pain point), scene, emotion, audience.
Save it into my website project folder and tell me the file path when done.
✅ 应该看到✅ You should see
项目文件夹里多出一个 topics.json，Codex 告诉你它的位置。A topics.json appears in your project folder and Codex tells you where.
步骤 3：让 Codex 把选题接进你的生成器Step 3: Have Codex Wire the Topics Into Your Generator
操作：在你的网站项目文件夹里，对 Codex 发下面这段。Do: Inside your website project folder, send Codex the prompt below.
📋 Prompt📋 Prompt
AI 留学生生存漫剧生成器这个项目是单文件 index.html，生成逻辑在 <script> 里：数据在 sceneData/conflictData/cityData/roleData/toneData 这些对象，buildEpisode() 按所选组合生成一集。
请读取同目录的 topics.json（里面是我从真实评论提炼的选题：title/quote/scene/emotion/audience），在页面顶部"创作参数"上方新增一个"本周选题库"模块：
1) 把每条选题渲染成卡片，显示标题钩子、痛点原话、情绪类型、适合人群；
2) 点击某张卡片时，尽量把它匹配到现有的 scene/conflict 下拉项并自动触发生成一集；匹配不到就在卡片上标"需新增场景"；
3) 沿用页面现有配色、字体和卡片风格，别改动原有生成逻辑；手机和电脑都要正常。
改完用"信息清晰 / 框架合理 / 视觉统一"三条自检，并告诉我怎么本地预览。不要给我讲代码。This project "AI Student-Survival Comic Drama Generator" is a single index.html; the generation logic lives in <script>: data is in the sceneData/conflictData/cityData/roleData/toneData objects, and buildEpisode() generates an episode from the chosen combination.
Please read topics.json in the same folder (my topics distilled from real comments: title/quote/scene/emotion/audience) and add a "This Week's Topics" module above the "creation parameters" at the top of the page:
1) Render each topic as a card showing the hook, quoted pain point, emotion type, and audience;
2) When a card is clicked, try to match it to the existing scene/conflict dropdowns and auto-trigger generating an episode; if no match, mark the card "needs new scene";
3) Reuse the page's existing colors, fonts, and card style; do not change the existing generation logic; must work on phone and desktop.
When done, self-check against "clear info / sound frame / consistent look" and tell me how to preview locally. Don't explain code to me.
⚠️ 卡住了⚠️ If stuck
它改坏了原有功能 / 样式跑偏 → 截图发给它，说“原来的生成还要能用，风格要和其它卡片一致，请修一下”。It broke the old feature or the style is off → send a screenshot and say "keep the old generator working and match the other cards' style, please fix".
网站新增的“本周选题库”，点卡片即生成一集The new "This Week's Topics" on the site; click a card to generate an episode
✅ 做对的样子✅ Done right when
选题库出现在页面顶部；点一张卡片能生成一集；原有功能没坏；手机上也正常。The topic module appears at the top; clicking a card generates an episode; the old feature still works; and it displays fine on mobile.
点一个选题 → 直接出一集脚本Click a Topic → Get a Full Episode
上一步已经把选题卡接上了生成器：在“本周选题库”点任意一张卡片，页面就自动生成这一集——标题、3 秒钩子、分镜大纲、攻略承接、评论引导都有。“选题 → 脚本”这一环就打通了。The previous step wired the topic cards into the generator: click any card in "This Week's Topics" and the page auto-generates that episode—title, 3-second hook, storyboard, guide support, and comment prompt. The "topic → script" link is now complete.
标题 & 钩子Title & Hook
封面标题、前 3 秒台词。Cover title and first-3-seconds line.
结尾问题，回流下一集选题。Closing question feeding the next topic.
不满意？用方法第 4 步“迭代”，把想改的地方直接说给 Codex：Not happy? Use step 4 "iterate"—just tell Codex what to change:
📋 Prompt📋 Prompt
这一集的开头钩子再抓人一点、分镜更贴近真实留学生活，
帮我在不改动页面风格和其它功能的前提下，调整这条选题生成出来的内容。Make this episode's opening hook grab harder and the storyboard closer to real student life.
Adjust the content this topic generates, without changing the page style or other features.
想接着做视频？让 Codex 给生成器再加一手——每集自动附带可直接粘进 AI 视频工具的“画面提示词”（Codex 本身不生成视频，它帮你写好提示词）：Want to move toward video? Have Codex upgrade the generator so each episode also outputs "shot prompts" you can paste into an AI video tool (Codex doesn't make videos—it writes the prompts for you):
📋 Prompt📋 Prompt
在生成器每次生成一集时，除了现有内容，再为这一集的每个分镜自动输出一段“视频画面提示词”，方便我直接粘贴到 AI 视频工具（如可灵 / 即梦 / Sora）：
每个镜头包含：画面描述（场景、人物、动作、镜头、光线、情绪）、建议时长（秒）、保持角色与画风一致的关键词。
真实地名用代号；沿用页面现有风格，别改动其它功能。做完告诉我怎么预览。不要给我讲代码。Whenever the generator creates an episode, in addition to the current content, automatically output a "shot prompt" for each storyboard shot that I can paste straight into an AI video tool (e.g. Kling / Jimeng / Sora):
Each shot includes: scene description (setting, characters, action, camera, lighting, mood), suggested duration (seconds), and keywords to keep the character and art style consistent.
Use coded place names; reuse the page's existing style; don't change other features. Tell me how to preview when done. Don't explain code to me.
✅ 到这里✅ At this point
从“一句真实评论”到“一集可拍的脚本”，全程你只点了几下、说了几句话，一行代码没写。From "one real comment" to "a shootable episode", you only clicked a few times and said a few sentences—not a line of code.
步骤 4：上线（先授权一次 Netlify）Step 4: Deploy (Authorize Netlify Once First)
在 Codex 的 Plugins 里找到 Netlify，按引导在网页端完成授权（只需一次）。In Codex's Plugins, find Netlify and complete the web authorization (one time only).
回到对话，发下面这段让它部署。Back in the chat, send the prompt below to deploy.
📋 Prompt📋 Prompt
把这次改动部署上线（这个项目部署在 Netlify），
完成后把可以访问的网址发给我。Deploy this change (the project is hosted on Netlify),
and when done, send me the live URL I can open.
✅ 应该看到✅ You should see
拿到一个线上网址，打开能看到更新后的“本周选题库”。You get a live URL; opening it shows the updated "This Week's Topics".
让它“半自动”跑起来Make It Run "Semi-Automatically"
你不用天天从零想选题——把上面这套变成一个固定的每周动作：You don't invent topics from zero daily—turn the above into a fixed weekly routine:
1
每周读一次评论Read Weekly
用 @Chrome 读几个热帖，刷新一批选题。Use @Chrome on a few hot posts to refresh a batch of topics.
2
更新选题库Update Topics
让 Codex 更新 topics.json 并重新部署。Have Codex update topics.json and redeploy.
3
首屏显示“本周待拍”Show "To Shoot"
打开网站就看到本周最该拍的选题。Open the site to see this week's top topics.
📋 以后每次更新就发这句📋 Send this each time you update
把我这批新选题更新到 topics.json 里，然后重新部署上线，完成后把网址发我。Update topics.json with my new topics, then redeploy the site, and send me the URL when done.
兜底：让内容不掉链子Safety: Keep Content From Breaking
风险Risk
预案Fallback
选题枯竭Topics run dry
每周用 @Chrome 补一批选题库（自愈）。Refill the topic pool weekly with @Chrome (self-healing).
断更Gaps in updates
一次囤 3-5 集脚本，按连载节奏放出。Stockpile 3-5 episode scripts and release on a serial rhythm.
信息真假True vs. false info
攻略类内容标“需核实”，提示词里禁止编造政策。Mark how-to content "needs verification"; forbid inventing policies in prompts.
@Chrome 读不全@Chrome misses content
手动多滚动补采，别硬刚平台规则。Scroll to collect more manually; don't fight platform limits.
