准备好这些
- Node.js 与项目依赖
- Playwright Chromium
- 可使用的字体与图片资源
以下步骤以项目当前整理的代码与文档为依据。外部平台和业务系统可能发生变化；完整限制见项目详情。
操作步骤
准备结构化内容
按模板编写 Markdown，用二级标题划分卡片；先从三张短卡开始，避免一页文字过多。
安装与构建
在工具目录安装依赖并构建资源，浏览器组件需单独安装。
npm install npx playwright install chromium npm run bundle预览排版
启动预览，检查每张卡片的标题、正文、边距及字体。
npm run preview导出卡片图片
确认目标 HTML 后运行截图脚本；逐张检查图片是否完整。
node shot.js html.html
用案例检查理解
以下为虚构数据与预期操作示例，用于理解流程，不代表真实业务执行结果。
查看「把虚构阅读笔记排成三张卡」 ↗常见问题
能输入任意 Markdown 吗？
应遵循当前模板支持的结构，特殊语法需要先预览。
截图后为何字体不同？
需确认字体已安装或可加载，且使用范围符合字体授权。
相关文件
content-cards-2026.10.22-source.zip
查看 SHA256 校验值
c11734ce7df789401559365d708db938dccd919c8776a4cf366c4779a5a12f67content-cards-2026.10.22-examples.zip
查看 SHA256 校验值
96777def3ff152dd3bc19d26d8d950220974b5182528b08454f53e568fe8315e模板与生成脚本公开整理版；不包含历史文稿、截图、原始插画和字体。