如何在线转换 Markdown 为 HTML

1. 输入或粘贴 Markdown: 将 .md 内容键入或粘贴到左侧的 Markdown Input 编辑器中，或单击 Load Sample Markdown 查看标题、GFM 管道表、任务列表、块引用和转换的受保护代码块立即。
2. 选择您的转换 Preset 或选项： 使用 快速预设 栏（例如，GitHub README (GFM)、Blog / CMS Clean HTML 或 Full HTML5 Page）或微调右侧设置面板中的各个复选框。
3. 预览代码和渲染 HTML: 在 HTML Code（检查原始缩进标记）和 Live Preview（查看表格、排版和突出显示的代码块在浏览器中的外观）之间切换。
4. 复制或下载 .html: 单击 复制到clipboard 将生成的 HTML 粘贴到 CMS 或 IDE 中，或单击 下载 .html 保存即可使用的文件。

Markdown 到 HTML 转换参考备忘单

我们的转换器支持标准 CommonMark 语法以及 GitHub Flavored Markdown (GFM) 扩展：

元素	Markdown 语法 (.md)	生成 HTML 输出
标题 (H1–H6)	# 标题 / ## 部分	标题 / 部分
粗斜体	**粗体**、*斜体*、***两者***	粗体、斜体、两者
删除线 (GFM)	~~已弃用~~	已弃用
链接和图片	[文档](https://example.com) 	文档
任务列表（GFM）	- [x] 已完成任务 - [ ] 待处理任务	已完成任务
防护代码块	``js const x = 1; ``	...
管表(GFM)	|名称 |分数| | :--- | ---: |	... 名称

将 Markdown 转换为 HTML 的常见用例

• CMS 和博客发布： 在 Obsidian、Notion、iA Writer 或 VS Code 中干净地起草帖子，然后将它们转换为语义 HTML 片段，准备粘贴到 WordPress、Ghost、Webflow、Shopify 或自定义 CMS 编辑器中。
• GitHub README 和技术文档： 预览 README.md 文件、变更日志和 API 文档如何呈现，包括 GFM 管道表、任务清单和自动标题锚点 ID (#section-name)。
• HTML 电子邮件和时事通讯制作： 在无干扰的 Markdown 中编写时事通讯副本，并导出干净、无类别的 HTML 段落、列表和链接。
• 独立网页： 在完整的 HTML5 文档中启用 Wrap，将任何 Markdown 注释转换为完整的、独立的 .html 文件，其中包含内置响应式 CSS 和深色代码块。

转换选项解释

• Sanitize HTML 输出： 通过剥离危险标签（
• GitHub Flavored Markdown (GFM): 使用管道表扩展标准 Markdown（包括列对齐冒号 :---、:---:、---:）、交互式任务列表复选框、 ~~删除线~~，并自动链接URL。
• 生成标题 id 块： 在
  到
  标签上自动创建 URL 友好的 slug ID（使用-1、-2 后缀），因此目录锚链接可以开箱即用。
• 智能标点符号 (SmartyPants)： 转换 ASCII 引号 ("..." 和 '...')、双/三连字符 (-- / ---) 和三个点 (...) 转换成印刷的大引号、短破折号 (–)、长破折号 (—) 和省略号 (…)，而不接触代码块。