文章转知识图卡¶
把文章中的一组知识组织成读者能顺着看完的图卡，保留原文依据和可修改的排版文件。
| 项目 | 说明 |
|---|---|
| 适用 | 能读写文件的编程工具；PNG 导出需要浏览器截图能力 |
| 输入 | 原文、受众、可使用的插画或图片 |
| 输出 | 五页 HTML、五张 1080×1440 PNG |
| 来源与状态 | 本站编写，2026-09-14；配套 PNG 已导出并逐张检查，客户端完整流程待验证 |
复制使用¶
请将 {{原文路径}} 改编成面向 {{目标读者}} 的 5 张知识图卡。
先给出一张封面与四张要点的文案，每张保留一个核心观点、简短解释和具体例子，并标记原文依据。
不补充原文没有的数据、研究或引语；长段落先精简。
确认文案后，使用 {{风格与配图}} 制作 HTML：每张 .slide 固定 1080×1440，统一边距、页码、字号，中文以 HTML 文字排版。
输出 index.html 与 images/card-01.png 到 card-05.png；图像完整导出，不截断页脚。
逐张检查尺寸、内容溢出、图片加载和中文可读性，保留原文与排版源文件，返回完整路径。
填好的例子¶
| 变量 | 示例 |
|---|---|
| 原文路径 | knowledge-materials/article.md |
| 目标读者 | 刚开始使用 AI 编程工具的人 |
| 风格与配图 | 米白与钴蓝、大标题、少量黄绿色；封面用素材包的 illustration.jpg |
示例文章讲解“目标、输入、约束、验收”，原文与成品都可在 图卡实战 获取。
继续修改¶
封面副标题改成“给 AI 的需求说明，从这四件事开始”。保持其余四页内容和尺寸，重新导出到 images-v2，并检查换行与页脚。