什么是Markdown 转 HTML？

Markdown 转 HTML 工具可将您的 Markdown 内容实时转换为结构规范的 HTML。它支持完整的 CommonMark 语法，包括表格、代码块和任务列表，方便您预览内容或为 CMS 生成 HTML。

转换使用 marked 解析器并启用 GitHub Flavored Markdown 扩展,所以表格、围栏代码块、任务列表和自动链接的渲染效果和 GitHub README 完全一致。预览随输入实时更新,源代码视图显示你复制时会得到的精确 HTML——语义化的 h1–h6、ul/ol、pre/code、img 标签,不含任何内联样式。打开「压缩」即可得到紧凑的单行输出;下载则会把内容包进一个独立的 .html 文档,或在你设置模板后套用你自己的模板。

使用方法

1. 在编辑器中输入或粘贴您的 Markdown 内容——支持标题、列表、链接、图片、代码块和表格。
2. 实时查看渲染后的 HTML 预览，并可在预览模式和原始 HTML 源码之间切换。
3. 复制干净的 HTML 输出，或下载为 .html 文件，直接用于您的网站或 CMS。

何时使用

• 用 Markdown 写好博客文章,然后把干净的 HTML 粘贴到不支持 .md 的 CMS 后台。
• 把项目的 README 转成 HTML,放到文档站或落地页上。
• 发布前先检查脚注、任务列表这类不常用的 Markdown 语法渲染效果。

结果

您用 Markdown 编写了一篇技术教程，现在需要粘贴到一个只接受 HTML 的 CMS 中。在这里转换可获得干净的语义化 HTML，并保留正确的标题层级和代码高亮标记。

常见问题

本工具支持哪种 Markdown 方言?

在 CommonMark 基础上启用了 GitHub Flavored Markdown (GFM),包括管道表格、带语言标识的围栏代码块、~~text~~ 删除线、[x] / [ ] 任务列表,以及裸 URL 自动转链接。

输出的 HTML 会带内联 CSS 或 class 吗?

不会。输出是纯语义化 HTML——h1、h2、p、ul、pre、code、img。你可以套用自己的 CSS,让最终页面遵循网站排版,而不是和框架默认样式打架。

代码块会带语法高亮吗?

代码块会被包成 <pre><code class="language-xxx">,Prism 或 highlight.js 之类的高亮库可以在页面上识别并上色。转换本身不内嵌任何颜色样式。

Markdown 里嵌入的 HTML 标签会怎么处理?

原样保留。需要嵌入视频、可折叠区块等 Markdown 不支持的内容时,可以直接在 Markdown 里写 <div>、<iframe>、<details> 等标签,转换时不会被改动。

这里可以反过来把 HTML 转回 Markdown 吗?

本工具只做 Markdown 转 HTML。反方向需要专门的 HTML 转 Markdown 工具,因为 HTML 里的样式和布局有不少东西 Markdown 表达不出来,流程并不对称。

相关工具