一篇公众号文章完成后，还可以继续做成小红书笔记和一组图片。这里有两份交付：发布时使用的标题、正文和话题标签，以及读者逐页翻看的封面与内页。制作时把两份内容放在一起规划，才能让封面承诺、图片解释和正文衔接起来。
这篇教程整理自本站主理人的 xhs-coffee-visual-pack 制作规则。下面换用“内容素材整理”作为教学示例，演示如何把方法迁移到其他主题；示例文件和场景均为演示编写。
先写清楚读者要完成什么
假设原文讨论资料收集、图片归档、文件命名和发布记录。第一组图可以先聚焦“下次修改文章时，快速找到正确版本的图片”。其他问题留给独立的内容。
确定范围后，保留原文，另外建立页面规划。原文作为核对来源，后续的删减、简写和页间重组都可以回头检查。不要覆盖掉它。
示例原文如下：
做内容时，图片容易散在下载目录和聊天记录里。按每篇内容建立项目文件夹，再区分原始素材、编辑文件和发布文件，会更容易找到对应版本。文件名写清用途和版本，例如“封面_v02”。文章改成另一种平台格式时，单独保存该平台的输出。完成后，把这次确认上传的文件放入发布目录。
这段文字对应三个读者动作：建立项目文件夹、区分文件阶段、确认平台与版本。它们决定内页的主要顺序。
把事实和示例分开登记
图中会出现正文、文件名、页码和标签。制作前先登记这些内容从哪里来。
原文中的“封面_v02”可以直接保留。“原始素材、编辑文件、发布文件”可以整理成三类。演示用的项目名“秋季选题”则需要标为示例，避免读者误以为是某个真实项目的记录。
| 内容 | 来源类型 | 页面里的处理 |
|---|---|---|
| 封面_v02 | 原文给出 | 保持一致 |
| 三类文件 | 由原文分类得出 | 能对应回原文的三个名称 |
| 秋季选题 | 教学示例 | 在示意图旁标注“示例” |
遇到原文已有数字、品牌名和产品型号，先锁定原值。示意场景中的数字也需要有用途，具体核对方法见图片里的数字如何与原文保持一致。
每页确定一个判断和一种证据
页面规划要同时回答两件事：这一页要讲明白什么，读者通过什么画面看明白。
例如“文件分阶段保存”这一页，可以展示一个项目目录，里面明确出现三个子目录。对应的文件放在各自目录下，关系一眼可见。桌面上的电脑照片可以表现工作场景，但不足以解释文件怎样分类。
这组教学示例可以排成六页：
| 页序 | 页面判断 | 画面如何解释 |
|---|---|---|
| 01 封面 | 一篇内容的图片可以按项目整理 | 项目目录和其中的三类文件同屏呈现 |
| 02 方法 | 先找到这篇内容，再找对应文件 | 从项目名进入文件分类的路径图 |
| 03 分类 | 原始、编辑、发布文件分别保存 | 三个目录及对应文件的示例 |
| 04 命名 | 用途和版本写进文件名 | 展开“封面_v02”的两个组成部分 |
| 05 平台 | 不同平台的输出各有位置 | 两个平台目录并列，明确标注示例 |
| 06 操作 | 用最近一篇内容开始整理 | 建目录、归类、确认发布稿的检查表 |
第二页就给出方法，读者很快能得到封面承诺的答案。后续页面再把操作讲细。六页是这个示例的安排，具体页数由原文信息量决定。
文字和画面一起构图
拿第三页来说，可以把标题定为两行：“原始、编辑、发布 / 分开保存”。在同一张草图里确定标题宽度、三个目录的位置、文件名称的字号，以及读者从哪里开始看。
文字需要的空间从这一刻就算进去。摄影页则要同时考虑主体裁切、动作方向和自然留白。例如手指正在指向某个按钮，说明文字就应避开手指和按钮，并能明确对应那个位置。
教学图可以使用确定性绘制的目录示意。涉及真实产品、人物或软件界面时，使用相应的真实素材，并说明来源。来自不同现场的照片，按对照或引用呈现，保留它们各自的边界。
中文文字在排版工具中输入、检查和导出。字体、断行、字号在构图阶段确定，最终检查标题是否被裁切、数字是否清晰、图注是否指向正确对象。
先完成封面和最复杂的一页
封面能验证整组风格，复杂内页能验证信息是否放得下。以此例来说，可以先做封面和第三页的文件分类。
检查时保留两种尺寸：完整尺寸用于看文字和细节，缩小后的预览用于看标题与主体的轻重。再把两张放到手机上，按正常阅读大小翻看。
尤其留意这几处：
- 封面的文字承诺，在第二页有没有得到回答。
- 三种目录是否容易区分，示例文件有没有归错位置。
- 小字是否需要放大才能看清。
- 暂时遮住标题后，画面是否仍能看出文件的分类关系。
- 两张图是否共享同一套字体和图注语法。
发现问题先修改构图和内容，再扩展到其他页。这样可以在批量制作前发现字号太小、标题过长或证据不足的问题。
图片完成后，把发布笔记一起检查
配套正文要让单独阅读文字的人也能理解做法。可以先说明对象和收益，再解释操作，最后补上必要条件。下面是一份与示例页面对应的发布文稿：
图片素材整理：按项目找回正确版本
做图文时找不到原图，或分不清哪张是发布稿，可以从最近一篇内容开始整理。给这篇内容建立项目目录，再放入原始素材、编辑文件和发布文件三个文件夹。
文件名写上用途和版本，例如“封面_v02”。同一篇内容要发不同平台，就分别保存各平台输出，确认要上传的文件后再放进对应发布目录。
配图展示的是教学示例。先用一篇内容试走一遍，保留适合自己的分类，再整理其他项目。
#素材整理 #内容创作 #文件管理
最终把文稿保存为 article.md，图片按 01-cover、02-method 这样的顺序命名。检查一次正文，再连续翻完图片组，确认它们讲的是同一件事。
用一张工作表开始
可以下载页面规划工作表，给每页填写判断、证据、标题和核对项。先用你已经写好的一篇文章完成它，再进入排版。
需要把这些步骤保存给 Codex 反复使用，可以继续读把图文制作流程整理成 Codex Skill。