Markdown 预览与导出工具
输入或打开 Markdown,所见即所得地查看渲染效果。选择主题(GitHub、Dracula、Nord、Solarized 等)与尺寸(从手机宽度到 A4 分页、16:9 幻灯片),设置页边距,再导出为你需要的格式,全部在浏览器内完成。
预览
还没有内容可预览,请先在左侧输入 Markdown。
使用方法
- 在左侧输入或粘贴 Markdown,点击「打开 .md 文件」,或直接把文件拖到输入框;「载入示例」会填入一份包含标题、列表、表格和代码的报告。
- 选择主题、字体和字号,再选「页面尺寸」:自适应高度的宽度、A4 / Letter / 正方形 / 社交卡片等固定页面,或自定义宽高。
- 设置页边距,也就是文字与页面边缘之间的留白。预览会随调整实时更新,固定高度的尺寸会用虚线标出分页位置。
- 选择格式(PNG、JPG、WebP、SVG、PDF、HTML 或 Markdown 源文件),设定像素密度后点击「导出」;也可点击「复制为图片」,把第一页直接粘贴到聊天或文档里。
常见问题
我的 Markdown 会被上传吗?
不会。解析、排版和导出都在本页内完成。唯一的网络请求是你自己要求的,例如 Markdown 里的图片链接,页面会抓取它以便嵌入导出结果。
内容比所选页面尺寸更长会怎样?
自适应高度时图片会相应变高。固定尺寸(如 A4、1080 × 1080)下,内容会延续到后续页面:图片按编号保存为多个文件,PDF 每页对应一页,预览中会标出每一处分页。想要一张长图,请改用自适应高度,或把自定义高度设为 0。
为什么 Markdown 里的图片显示成了虚线标签?
要保存为图片或 SVG,浏览器必须把所有图片嵌入进去,而只有允许跨域读取的站点,网络图片才能被读取。读取不了的图片会显示为带名称的占位标签,而不是悄悄消失。请使用 data: 地址,或把图片放到允许 CORS 的位置。Markdown 中的原始 HTML 只会以文本显示而不会执行,因此导出的文件可以放心分享。