Markdown 转 HTML

把 .md 文件变成 HTML 有两种方式:复制干净的渲染标记粘贴到 CMS 或邮件里,或者下载一个自包含的完整 HTML 页面,主题、语法高亮、图表和公式全部内嵌。

免费 · 无需注册 · 在浏览器中运行,不上传任何内容

导出菜单:下载 .md、下载 .html、打印为 PDF、复制为 HTML、复制 Markdown
导出为 Markdown、独立 HTML 页面或 PDF,或复制渲染后的 HTML——Paper 主题。

两种 HTML 输出

复制为 HTML 把渲染后的片段放进剪贴板——语义化的 <h2>、<p>、<table>、<pre><code> 标记,不带任何外层样式,可直接用于博客编辑器、文档系统或支持富文本的邮件。下载 .html 生成独立页面:渲染后的文档加上当前主题的 CSS、高亮代码、渲染好的 Mermaid SVG 和 KaTeX 公式,一个文件随处打开、直接托管。

转换器支持的内容

转换使用与预览相同的 GitHub 风格 Markdown 渲染器:带锚点 id 的标题、强调、链接、图片、有序与无序列表、任务列表、带对齐的表格、引用块与 GitHub 提示块、带语言 class 的代码块、脚注、<details> 区块、front matter、表情短码、Mermaid 图表和公式。源码里的行内 HTML 会在净化后保留,脚本和事件属性绝不会进入输出。

先选好页面外观

导出会带上当前主题,所以下载前先设置好:从 16 套浅色 / 深色主题中挑一个,正文选无衬线、衬线或等宽字体,在设置菜单里调整字号和版宽。导出的页面使用这些设置,并包含打印样式,也可以作为 PDF 的来源。

实际效果

带语言标签和复制按钮的 TypeScript、Python、Bash 和 diff 代码块高亮
代码块带语言标签、50 多种语言的高亮和复制按钮——这是 One Dark 主题。
显示 16 套浅色与深色主题色卡的主题选择器
十六套主题,各自配有代码配色——也可以跟随系统的浅色 / 深色设置。
预览中渲染的 KaTeX 独立公式和 Mermaid 流程图
KaTeX 公式和 Mermaid 流程图直接在文档里渲染。

使用步骤

  1. 1
    粘贴 Markdown 或打开 .md 文件,检查预览。
  2. 2
    选择主题和排版——导出的就是预览显示的样子。
  3. 3
    「导出 → 复制为 HTML」得到片段,或「下载 .html」得到完整页面。

你会得到什么

干净的语义化标记

复制的片段没有行内样式;标题带 id;代码带语言 class。

独立页面导出

一个 HTML 文件包含主题 CSS、高亮代码、图表和公式。

GFM + 扩展

表格、任务列表、提示块、脚注、details、front matter、Mermaid、KaTeX。

已净化

行内 HTML 在渲染和导出前都经过 DOMPurify 清理。

浏览器端

转换在本地完成,文档从不上传。

批量友好

拖入下一个文件再导出即可,无需刷新页面。

常见问题

HTML 里包含 CSS 吗?
「复制为 HTML」给出的是不带样式的语义化标记。「下载 .html」内嵌当前主题的 CSS,文件在任何地方看起来都一样。
可以转换多个 Markdown 文件吗?
一次一篇:打开文件、导出、再打开下一个。除了浏览器内存没有大小限制,5 MB 以内的文件可直接打开。
输出的代码块有高亮吗?
有。代码用 highlight.js 高亮,独立页面带有所选主题的配色规则。
Mermaid 图表和公式怎么处理?
分别导出为渲染好的 SVG(Mermaid)和 KaTeX HTML,页面不需要加载任何脚本就能显示。
输出是合法的 HTML5 吗?
是——UTF-8 的 HTML5 文档,带 viewport 标签、取自文件名的标题,以及包含内容的 <article class="markdown-body">。

相关工具

随时可以开始

粘贴 Markdown、拖入文件或打开网址——预览立刻出现,所有内容都留在你的设备上。

打开 Markdown Viewer