01它能帮你做什么
✓Markdown 到卡片的组织方式
✓HTML 排版与浏览器预览
✓按卡片元素批量截图
✓封面及正文模板
使用前准备
- Node.js 与项目依赖
- Playwright Chromium
- 可使用的字体与图片资源
02从这里开始
准备结构化内容
按模板编写 Markdown，用二级标题划分卡片；先从三张短卡开始，避免一页文字过多。
安装与构建
在工具目录安装依赖并构建资源，浏览器组件需单独安装。
npm install npx playwright install chromium npm run bundle预览排版
启动预览，检查每张卡片的标题、正文、边距及字体。
npm run preview导出卡片图片
确认目标 HTML 后运行截图脚本；逐张检查图片是否完整。
node shot.js html.html
03用一个例子看明白
案例使用示例或虚构数据，用于说明流程，不代表真实业务效果。
04获取文件
选择需要的文件。固定版本保留原始内容，可用校验值确认下载完整性。
content-cards-2026.10.22-source.zip
查看 SHA256 校验值
c11734ce7df789401559365d708db938dccd919c8776a4cf366c4779a5a12f67content-cards-2026.10.22-examples.zip
查看 SHA256 校验值
96777def3ff152dd3bc19d26d8d950220974b5182528b08454f53e568fe8315e模板与生成脚本公开整理版；不包含历史文稿、截图、原始插画和字体。
05你可能会遇到的问题
能输入任意 Markdown 吗？
应遵循当前模板支持的结构，特殊语法需要先预览。
截图后为何字体不同？
需确认字体已安装或可加载，且使用范围符合字体授权。
06适用范围与当前限制
- 截图依赖本地浏览器与字体环境。
- 本次未验证所有模板和系统组合的导出结果。
本页资料整理于 2026-10-22。这不是运行兼容性验证日期。下载包有完整性校验；依赖外部系统的真实操作，请按所需权限和环境使用。