将微信公众号长文、博客文章等Markdown格式内容，一键转换为小红书3:4（1080×1440）精美图文卡片组的AI工具。内置5套设计皮肤（雅刊/暖杏/雾松/黛墨/夜读）和3种女性向主题（粉色/乙游/吉卜力），自动拆页排版、Playwright渲染截图，交付可直接发布的PNG图组。

小红书图文卡片生成器：Markdown长文一键转3:4图组

将一篇Markdown长文（含图片）自动转换为小红书3:4（1080×1440）精美图文卡片组，流水线：读文章 → 选皮肤 → 拆页排版成HTML → Playwright渲染截图 → 交付PNG。

【适用场景】

- 写完公众号长文后，想同步分发到小红书，但没有时间手动做图 - 有一篇深度文章（教程/测评/种草），想转成适合小红书的图文格式 - 需要多种设计风格（温暖治愈风、暗黑浪漫风、少女清新风）来适配不同账号调性 - 需要固定设计版式批量生产，保持账号视觉一致性

核心能力：把任意Markdown文章（支持自带图片）一键生成10-18张风格统一的小红书卡片图，无需手动设计排版。

【操作步骤】

第一步：输入文章

准备好要转换的Markdown文件路径，告诉AI：「把这篇文章转成小红书图文」。

可选参数： - 指定皮肤（如「用粉色风格」） - 指定品牌头像和文案 - 指定页数限制（如「10页以内」）

第二步：AI自动规划页面

AI读取文章内容后，按H2/H3结构规划页面： - 封面页：钩子标题 + 导语 - 正文页：按段落顺序填充，超容量自动拆页 - 图文页：文章有图则自动放入16:9图文混排页 - 结尾页：可选CTA号召

默认使用E雅刊皮肤（暖白纸+高对比衬线，作品集编辑感），用户指定其他皮肤时换用对应CSS体系。

第三步：建立任务文件夹并排版

AI在当前项目中创建任务文件夹（如`imgs-文章标题/`），结构：

``` imgs-文章标题/ ├── index.html ← 从模板复制并填入内容 ├── styles.css ← A/B/C皮肤样式 ├── styles-d.css ← D皮肤样式 ├── styles-e.css ← E皮肤样式 ├── styles-fem.css ← 女性向主题样式 ├── assets/ ← 配图和品牌头像 └── output/ ← 渲染产物PNG（最终交付） ```

每张卡片id按顺序命名：`xhs-01`、`xhs-02`…，方便渲染脚本按序导出。

第四步：处理配图

- 文章自带的图片：拷贝到任务`assets/`，HTML用相对路径引用 - 皮肤E封面需要横幅配图（约2.6:1）、皮肤B封面需要16:9横图 - 文章无合适配图时，按三选一流程处理：用户上传 → 网图搜索 → AI生成

第五步：渲染截图

```bash

在仓库根目录执行

node scripts/render.cjs <任务目录>

或使用npx（需先安装依赖）

npx xhs-render <任务目录> ```

渲染脚本打开`index.html`，等待字体加载完成后逐张导出PNG到`output/`，并打印每张实际尺寸（应为1080×1440）。需要2倍清晰度时加`--scale 2`参数。

第六步：自检 + 交付

渲染完成后，AI先逐张检查每张PNG：

自检清单： - 文字是否溢出卡片、压到品牌区或贴边 - 配图裁切是否裁掉了人脸或关键信息 - 每页下半部分是否有大面积空白（正文页应填满） - 页码和总页数是否对得上

有问题修改HTML重新渲染，没问题后交付。交付内容：任务文件夹路径、每张图的绝对路径、皮肤和页数说明、网图来源（如有）。

【代码模板】

渲染命令模板

```bash

基础渲染（1倍清晰度）

node scripts/render.cjs imgs-文章标题/

高清渲染（2倍清晰度，适合正式发布）

node scripts/render.cjs imgs-文章标题/ --scale 2 ```

任务文件夹结构模板

``` imgs-文章标题/ ├── index.html ← 完整HTML文件，含所有卡片 ├── styles.css ← A/B/C皮肤样式表 ├── styles-d.css ← D皮肤（夜读鎏金）样式表 ├── styles-e.css ← E皮肤（雅刊）样式表 ├── styles-fem.css ← 女性向三主题样式表 ├── assets/ │ ├── avatar.png ← 品牌头像 │ ├── cover-hero.jpg ← 封面配图 │ └── [文章图片].jpg ← 文章内用图 └── output/ ├── xhs-01.png ← 第1张卡片（封面） ├── xhs-02.png ← 第2张卡片（正文） └── ... ```

皮肤选择参考

皮肤	风格	适用场景
E 雅刊（默认）	暖白纸+高对比衬线，作品集编辑感	深度干货、干货教程
A 暖杏奶咖	暖调爆款风	生活分享、种草好物
B 雾松青	清爽治愈	旅行、美食、文艺内容
C 黛墨描金	编辑感+金色点缀	人物故事、观点评论
D 夜读鎏金	深墨鎏金，惊艳向	深夜话题、情感故事
F 粉色王国	童话甜粉，圆体标题	女性向、少女账号
G 乙游夜境	暗黑浪漫，银紫光边框	二次元、故事账号
H 吉卜力	治愈自然，太阳+云朵+山丘	自然、旅行、治愈系

【复盘要点】

1. 皮肤选定后不混用：一组图只用一套皮肤，A/B/C/D/E和女性向三主题之间绝不混排 2. 不删内容凑页数：超容量自动拆页，不断章取义删减正文 3. 配图优先文章自带图：先用文章原有图片，再用网图或AI生成补充 4. 不改skill的CSS文件：只在本任务的index.html中加内联样式微调 5. 发布后清理中间产物：HTML/CSS/PNG以外的工程文件可删除，只保留output/中的最终PNG 6. 页数控制在18页以内：小红书单笔记上限18图，超出时分批发布

---

来源：GitHub https://github.com/bozhouDev/xhs-article-to-images