HTML 到 Markdown 在线转换器 – 将 HTML 和表格转换为 GFM
实时将原始 HTML 代码、网页片段和 HTML 表转换为干净、可读的 GitHub Flavored Markdown (.md)。非常适合将博客文章迁移到静态网站生成器(Astro、Hugo、Next.js、Jekyll)、为 GitHub README 和 Obsidian 笔记准备干净的文档,或将 Web HTML 压缩到轻量级 Markdown 上下文中以供 AI/LLM 提示。
如何在线转换 HTML 为 Markdown
- 粘贴您的 HTML 代码: 将您的 HTML 代码段(或整个网页的源代码)输入或粘贴到左侧的 HTML 输入 框中,或单击 加载示例 HTML 以使用标题、任务列表、代码块和 HTML 表进行测试。
- 自定义 Markdown 语法: 使用右侧的 Markdown 语法样式 面板选择 ATX (
#) 或 Setext (===) 标题,围栏(```) 或缩进代码块,以及内联 ([text](url)) 或引用样式 ([text][1]) 链接。 - 切换 GFM 和清理过滤器: 保持 将 HTML
转换为 GFM 管道表
和 Strip - 复制或下载
.md: 单击 Copy to Clipboard 将您的 Markdown 粘贴到 GitHub、Obsidian、Notion 或 VS Code,或单击 Download .md 将其直接另存为Markdown 文件。
HTML 到 Markdown 转换参考备忘单
我们的转换器支持标准 CommonMark 和 GitHub Flavored Markdown (GFM) 扩展:
| 元素 | HTML 输入 | Markdown 输出 | ||
|---|---|---|---|---|
| 标题 (H1–H6) | / |
# 标题 / ## 副标题 (或Setext === / ---) |
||
| 粗斜体 | 粗体 和 斜体 |
**粗体** & *斜体*(或 __Bold__ & _Italic_) |
||
| 删除线 (GFM) | 或 |
~~已弃用~~ |
||
| 链接和图片 | 文档 |
[文档](https://example.com) 或 [文档][1] |
||
| 任务列表(GFM) | |
- [x] 完成 |
||
| 防护代码块 | |
````js ...````(自动检测语言类别) |
||
| HTML 表格 (GFM) | |
|一个 | B|| ---| --- | |
为什么将 HTML 转换为 Markdown?
- 静态站点和 CMS 迁移: 轻松将旧版 HTML 文章或 WordPress 导出迁移到 Markdown/MDX 文件,适用于 Astro、Next.js、Hugo、Eleventy (11ty)、Docusaurus 和 Jekyll 等现代框架。
- AI 和 LLM 上下文准备: 将原始 Web HTML 转换为干净的 Markdown 可以消除 DOM 包装器的膨胀,并将令牌计数减少 60% 至 80%,同时保留 ChatGPT、Claude 和 Gemini 提示的语义层次结构、表格和代码块。
- 知识库和笔记应用程序: 剪辑 Web 文档并将其干净地保存到 Obsidian、Notion、Logseq 或 GitHub Wiki 中。
常见问题解答
该工具是否将 HTML 元素转换为 Markdown 表?
是的!当选中 Convert HTML 到 GFM 管道表 时(默认启用),任何 HTML 表都会自动转换为 GitHub Flavored Markdown 管道表,包括列对齐规则(:---, :---:, ---:) 从 align 或 text-align 样式读取。
ATX 和 Setext 标题有什么区别?
ATX 样式 在标题前使用哈希符号(# 标题 1 到 ###### 标题 6),建议几乎所有现代 Markdown 解析器使用。 Settext 样式 用等号强调一级标题(===),用连字符强调二级标题(---)。
当我取消选中“保留超链接”时会发生什么?
取消选中 Preserve hyperlinks 会删除 URL 标记,同时将可点击的锚文本保留在句子中(因此 我们的指南 会变成普通的 our 指南,而不是消失)。
如何将 Markdown 转换回 HTML?
如果您需要将 Markdown 语法转换为 HTML 代码,请使用下面相关工具部分中链接的配套产品 Markdown to HTML Converter。