场景库/S05
一篇笔记配四张小红书信息图
做完你会有
一篇文字笔记变成四张统一风格的小红书图文卡:一张封面钩子 + 三张内容卡,同一套配色字体,像一个人做的——而且模板留着,下一篇笔记十分钟出图。
01先看效果
> (粘贴下面第 3 步的提示词,对着一篇 800 字的笔记)
⏺ 读取 笔记.md… 拆分信息结构… 生成 4 张卡片 HTML… 截图导出
✓ 已导出 4 张图(1242×1660,小红书 3:4): · 卡1 封面:大字钩子「打工人存钱的 3 个反常识」+ 副题 · 卡2-4 内容:每张一个论点 + 要点列表 + 底部引导 四张同一套配色(米底墨字橙强调)、同一套字体字号。 模板存在 xhs-模板/ 里,下篇笔记直接说「用老模板」。
⏺ 读取 笔记.md… 拆分信息结构… 生成 4 张卡片 HTML… 截图导出
✓ 已导出 4 张图(1242×1660,小红书 3:4): · 卡1 封面:大字钩子「打工人存钱的 3 个反常识」+ 副题 · 卡2-4 内容:每张一个论点 + 要点列表 + 底部引导 四张同一套配色(米底墨字橙强调)、同一套字体字号。 模板存在 xhs-模板/ 里,下篇笔记直接说「用老模板」。
关键思路:不是「生图」,是「排版」。信息类图文卡的本质是排版设计,让 AI 写一套 HTML 卡片模板再截图导出,比抽卡式生图稳定得多——四张卡风格 100% 统一,文字永远不会歪。
02原料
- 一篇有干货的笔记(500 字以上,有明确论点或步骤,流水账出不了好卡);
- 两个风格参数:主色(品牌色或你喜欢的颜色)+ 调性(清爽知识风 / 浓郁杂志风)。没想法就让它先出两版你挑。
03做法:一段提示词
读 [笔记.md],帮我做成 4 张小红书图文卡(3:4,1242×1660): 1. 先拆信息结构给我看:封面钩子一句话 + 三张内容卡各讲什么,我确认再做 2. 用 HTML+CSS 做卡片:底色 [#f5f3ee]、主色 [#df5130]、无衬线大字标题, 封面字要大到手机缩略图能看清;四张必须同一套版式 3. 内容卡每张:小标题 + 3-5 条要点,一张卡只讲一件事,字别塞满 4. 做完逐张截图导出 png 到 出图/ 文件夹 5. 把模板存下来,以后我给新笔记就直接套
第 1 步的「先拆结构再动手」别跳过——卡片好不好,八成定在信息拆分:封面钩子不勾人、一张卡塞三个论点,排版再美也没人翻到第二张。
04变化式
公众号封面版
尺寸换成 2.35:1,只做一张,字更大——「标题 8 个字以内、副题一句话、留白多一点」。
生图工具混合版
封面卡想要插画质感?让它只把封面底图的生图提示词写好,你去生图工具出底图,回来叠字——文字层永远用 HTML,别让生图工具写字。
批量版
「把 素材/ 里 6 篇笔记全部按老模板出图,每篇一个子文件夹」——积攒一周的笔记,一顿饭工夫全部出完。
跟做清单0/4
互
我的公众号配图和信息图就是这条路线跑的:模板一次调好,之后每篇文章的图都是流水线出品。想从「会出图」走到「靠图挣钱」(封面、电商图、接单),C03 整门课讲这个。