Markdown 转 HTML
Markdown 一键转 HTML,支持 GFM 表格/代码块/任务列表,自带简洁样式或纯净 HTML。
Markdown 输入
HTML 源码
Markdown 转 HTML 工具
这是 HyperGrad Text 提供的免费 Markdown 转 HTML 工具,基于 marked 解析器,完整支持 GFM(GitHub Flavored Markdown)扩展语法。 可选输出带样式(自带 CSS 的完整 HTML 文件,直接保存可用)或纯净 HTML(移除所有 class 与 data 属性,便于粘贴到限制 class 的 CMS)。 一键复制 HTML 源码或下载独立 .html 文件。所有转换在浏览器本地完成,不上传服务器。
支持的 Markdown 语法
- 表格:GFM 表格语法(| 列 | 列 |),支持对齐标记(:---、---:、:---:),生成带 thead/tbody 结构的 HTML 表格。
- 代码块:代码围栏 ``` 围起来的多行代码,输出 <pre><code class="language-xxx"> 标签,便于后续接 highlight.js / Prism.js 高亮。
- 任务列表:- [x] / - [ ] 输出带 checkbox 的列表项。
- 删除线、自动链接、行内代码:GFM 全支持。
两种输出模式
- HTML 源码:仅生成 body 内的 HTML 标签,便于复制粘贴到现有页面或 CMS 富文本编辑器。
- 完整 HTML 文件:包含 DOCTYPE、head、style 的独立 HTML,自带样式可直接保存为 .html 用浏览器打开。
纯净 HTML 模式
开启「纯净 HTML」后,工具会移除所有 class 和 data 属性,只保留结构标签(h1、p、ul、table、pre 等)。 适合直接粘贴到限制 class 的 CMS、邮件模板、受限的富文本编辑器。如需自定义样式,可在你自己的页面里用 CSS 选择器统一定义。
暂不支持脚注 [^1] 与 LaTeX 数学公式 $...$,这两个语法需要额外插件(markdown-it-footnote、markdown-it-katex)配套 CSS 才能正确渲染。 建议用专门的文档系统(如 Docusaurus、VuePress)处理这两种语法。
MD→HTML 常见问答
支持表格吗?
支持。本工具兼容 GFM(GitHub Flavored Markdown)表格语法,包括对齐标记(:---、---:、:---:)。生成的 HTML 表格带 <thead><tbody> 结构,方便 CSS 样式化。
代码高亮会自动加颜色吗?
默认输出带 class="language-xxx" 的 <code> 标签,便于后续接 highlight.js / Prism.js 高亮。如需直接生成带颜色的 HTML(内联 style),可开启「内联高亮」选项,工具会用基础调色板给关键字、字符串、注释着色。
能输出纯净 HTML(不带 class)吗?
能。默认模式输出带语义 class 的 HTML,便于二次样式化;开启「纯净 HTML」后会移除所有 class 和 data 属性,只保留结构标签,适合直接粘贴到限制 class 的 CMS 或邮件模板。
能转脚注和数学公式吗?
本工具暂不支持脚注 [^1] 和 LaTeX 数学公式 $...$。这两个语法需要额外插件(如 markdown-it-footnote、markdown-it-katex),转换后还需要引脚注 CSS 和 KaTeX 库才能正确渲染。建议用专门的文档系统处理这两种语法。