Markdown 文档转 PNG — 600×800 分页卡片,不是代码截图工具
把整篇 Markdown 渲染成可分享的 PNG 卡片:固定 600×800 分页、可选封面与水印、打包成 ZIP。支持 GFM 标题层级、列表和表格,但代码块不高亮;单独一行 --- 会另起一页。
这个 Markdown 转图片工具实际能做什么
固定 600×800 卡片,不是一张长图
每张导出图固定 600×800 CSS 像素,超出的内容会被裁切;四档字号预设用来控制单页能放多少内容。
单独一行 --- 就是分页符
页面按只含 --- 的行切分。所以 Markdown 里的水平分割线会变成分页,YAML front matter 不会被解析,它的结束 --- 同样会分页。
GFM 文档能渲染,代码保持纯文本
标题、嵌套列表、表格、任务列表和链接按 GitHub Flavored Markdown 渲染;代码块只有等宽字体,没有语法高亮,所以它是文档排版工具,不是代码截图工具。
可选封面与水印
可以加一张 600×800 封面:本地图片、标题、副标题、点阵或网格背景,再加可调透明度和字号的文字水印。
只导出 PNG,打包 ZIP,本地渲染
导出时每页一张 PNG,打包成 images.zip,尺寸随屏幕像素比(1× 为 600×800,2× 为 1200×1600)。没有 JPG/SVG,没有手动 2× 开关,也不会上传文件。
Markdown 转 PNG 常见问题
和 carbon、ray.so 有什么不同?
那些工具是把单段代码截成带语法主题的图片;这里输入的是整篇 Markdown 文档,输出是 600×800 的分页卡片,可加封面、水印和强调色。代码块是纯文本,不做高亮。
能导出成一张长图吗?
不能。页面尺寸固定,长文档会拆成多张 PNG 并打包成 ZIP;没有自动高度画布,也不会自动拼接。
为什么文档分页位置和我想的不一样?
任何只含 --- 的行都会被当作分页符,包括本来要渲染成水平分割线的 ---。YAML front matter 不会被解析,它的分隔线也会把文档切开。
卡片底部的文字被切掉了怎么办?
每张卡片固定 800 像素高且溢出隐藏。可以换更小的字号预设、提前加分页符,或把这一节拆开;工具不会自动缩小文字。
有语法高亮、主题或自定义字体吗?
没有高亮,也没有主题库。只有双色渐变背景、一个用于加粗文字的强调色,以及四档字号预设;字体、边距和背景图都不可自定义。
能插入图片吗?
可以上传本地图片,点击复制 blob: 链接写进 Markdown,但这种链接只在当前浏览器会话有效。远程图片地址可能因跨域限制导出失败;封面图也只从本地读取。
输出分辨率和格式是什么?会上传吗?
输出 PNG,尺寸随屏幕像素比:1× 屏幕 600×800,2× 屏幕 1200×1600,打包为 images.zip。全部在浏览器里渲染和导出,不上传任何文件。

