SuperAPI AI 工具集

xhs-article-to-images

设计与创作

查看项目

更新于 10-15 21:35

技能介绍

用途与流程 把一篇 Markdown 文章(含图片)转成一组小红书 3:4 卡片图。流水线:读文章 → 选皮肤 → 拆页排版成 HTML → Playwright 截图 → 交付 PNG。默认目标是全文重排版,把文章完整转成图文卡片,而非 8 页精华摘要。主力页型为正文;段落有图就用图文;页型按需选用,不硬塞金句/对比/清单页。

设计系统 卡片基准 1080 × 1440(3:4)。样式由 assets/styles.css(A/B/C)、assets/styles-d.css(D)、assets/styles-e.css(E)、assets/styles-fem.css(女性向三主题)定义。五套皮肤:E 雅刊默认(封面需一张配图)、A 暖杏奶咖、B 雾松青(封面需 16:9 配图)、C 黛墨描金、D 夜读鎏金。女性向三主题共用 femcard 骨架,通过 t-pink/t-otome/t-ghibli 类名切换,自带封面横幅图槽与 16:9 图文图槽。基础页型含封面、正文、清单、图文混排、结尾号召;E 与女性向三主题另有 statement、points/idea、views 等可选页型,仅在内容适合时用。A/B/C 共用 HTML 骨架,换肤只改 skin-a/b/c;D 用 dcard、E 用 ecard、女性向用 femcard,四套体系不混排。完整骨架见 assets/template.html。

工作流要点

  1. 输入确认:需文章路径;可选皮肤、品牌文案、页数偏好,信息够就直接开工。2) 读文章 + 拆页:读 references/content-mapping.md,默认 E 雅刊,按 H2/H3 拆页,正文为主,超容量拆页不删内容,页数通常 10–18。3) 建任务文件夹 imgs-{标题}/,拷入 index.html、四个 CSS 与 template,卡片 id 依次命名 xhs-01、xhs-02…。4) 配图优先用文章自带图;缺封面图按 content-mapping.md 流程处理。5) 渲染:npx xhs-render <任务目录> 或 node scripts/render.cjs <任务目录>,2 倍清晰度加 --scale 2。6) 自检后交付,给出文件夹与图片路径、皮肤页数说明。

限制 不混皮肤;不发明新版式配色,只改任务内 index.html 内联样式;全文模式忠实原文结构,仅断行与轻度润色;不缩小字号塞内容;不在图内放无关文字。HTML/CSS 为中间产物,发布后只需保留 output/ 下 PNG。