DeepSeal — 本地加密笔记应用,你的隐私只有你说了算。 免费下载 → ×

Markdown 转 HTML

Markdown 一键转 HTML,支持 GFM 表格/代码块/任务列表,自带简洁样式或纯净 HTML。

P1
输出:
支持 GFM 表格/代码块/任务列表
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 库才能正确渲染。建议用专门的文档系统处理这两种语法。

HyperGrad 生态还有这些站