AI Engineer 全栈项目班 · 第 30 期 · 微信公众号文章生成器

左边 375px 手机预览（模拟公众号正文视觉）· 右边一键导出配图 + 富文本 · 运营拿到素材直接粘贴进 mp.weixin.qq.com 编辑器。

学生视角：转码 / 应届面向 Junior AI Engineer 岗；家长视角：留学生家长焦虑场景 + CEO 原话 + ROI 数据；课程大纲视角：按 6 大模块拆 176 节真实 lesson code 给技术型读者。切换后自动重新渲染 + 重跑预览。

← 小红书配图集 📋 课程大纲 📎 海报中心

🚀 一键导出

注意：「批量下载配图」会加载同目录的 ../xhs-posters/index.html 作为图源，首次加载需几秒。本地必须用 python3 -m http.server 8088 跑（iframe 跨源，双击打开 HTML 会失败）。

🔄 页面打开后会自动渲染左侧预览配图…

📝 发文流程 · 6 步

先在顶部切换到要发的视角（学生 / 家长）—— 选错会导出错的一套图和文
点「⬇ 批量下载所有配图」→ 本地得到 mp-fullstack-ai-{视角}-NN.png（视角 = student / parent）
登录 mp.weixin.qq.com → 素材管理 → 图片 → 批量上传
点「📋 复制富文本」→ 进公众号图文编辑器直接粘贴，文字和样式会保留，图片位置是占位符
按占位符顺序（[图 01]、[图 02]…）把素材库里的图一张张替换
顶部设封面图（用 01 封面即可）→ 预览 → 群发 / 定时

🖼️ 配图与段落对应关系

✅ 发前自检

✔ 文章字数 5000-7500 字？（长文深度阅读定位）
✔ 没有「最 / 第一 / 唯一 / 100% / 保证 / 包过 / 包就业」绝对化用语？
✔ 没有「在当今 / 众所周知 / 深入探讨 / 全面掌握」AI 味套话？
✔ 开头第一句是具体场景 / 数据 / 对话？
✔ 所有配图都成功导出并上传到素材库？
✔ 占位符已全部替换为真实图片？
✔ 末尾 CTA 的二维码换成真实公众号名片？
✔ 设置了封面图、摘要、作者？