Markdown 转 HTML 转换器 — 边输入边将 Markdown 转换为简洁、可直接使用的 HTML。

粘贴或输入 Markdown 代码,HTML 内容会立即显示,您还可以通过实时预览查看最终效果。它支持标题、列表、表格、任务列表和代码块。您可以复制生成的内容、将其下载为文件,或将其排版为完整页面。所有操作均在浏览器中完成。

转换 Markdown 您的文本将保留在浏览器中
Markdown 转 HTML 转换器,左侧显示 Markdown 文本,右侧显示转换后的 HTML 代码

Markdown 输入

选项

HTML 输出

–输入单词
–Headings
–Links
–HTML 尺寸
指南

Markdown 转 HTML 指南:简单编写,随处发布

什么是 Markdown,以及它是如何转换为 HTML 的。

简明解释

什么是 Markdown 转 HTML 转换器?

Markdown 是一种使用普通字符编写格式化文本的轻量级方法。Markdown 到 HTML 转换器会将该文本转换为网页所需的 HTML 标签,因此您可以快速编写内容,最终仍能生成正确的标题、列表、链接和表格。

由于 Markdown 即使在转换前也易于阅读,因此常被用于文档、README 文件、笔记、博客草稿以及在不同工具间传输的内容。这款转换器会在您输入时立即生成 HTML 代码,并提供可选的预览功能,如有需要,还可生成完整的页面。

使用它的常见原因

人们为什么使用 Markdown 转换器

博客文章和网站内容

先用 Markdown 撰写草稿,然后将干净的 HTML 代码粘贴到内容管理系统(CMS)、模板或邮件编辑器中。

文档

将 README 文件和说明转换为 HTML 格式,以便直接嵌入帮助页面或内部网站。

学习 Markdown

输入几个字符,即可并排查看它们生成的具体 HTML 标签。

工作原理

Markdown 如何转换为 HTML

该转换器会逐块读取您的文本。以1至6个#字符开头的行将作为标题,以连字符或数字开头的行将作为列表项,而包含三个或更多连字符的行将作为水平线。 位于一对三个反引号之间的文本将作为代码块处理,其余内容则被归类为段落。在这些块内,* 和 _ 等字符用于强调,方括号后跟圆括号则表示链接。

MarkdownHTML
# 标题 1<h1>一级标题</h1>
**粗体** 和 *斜体*<strong>粗体</strong> 和 <em>斜体</em>
[文本](https://example.com)<a href="https://example.com">文本</a>
- 项目<ul><li>商品</li></ul>
1. 步骤<ol><li>步骤</li></ol>
`代码`<code>代码</code>
> 引用<blockquote><p>引用</p></blockquote>
~~消失了~~<del>已消失</del>

标准 Markdown 将单个换行符视为一个空格,并在空行处开始新段落。该转换器还支持如今大多数人所期待的 GitHub 风格的扩展功能:表格、任务列表、删除线和自动链接。

只需几个步骤就能搞定

如何将 Markdown 转换为 HTML

  1. 将您的 Markdown 代码粘贴到输入框中,打开一个 .md 文件,或点击“示例”查看示例。
  2. 请选择以下选项:完整的 HTML 页面、标题 ID、换行符或原始 HTML。
  3. 请阅读输出框中的 HTML 代码,或切换到“预览”页面查看效果。
  4. 点击“复制”,或点击“下载”将 HTML 保存为文件。
更佳的效果

简单小贴士

  • 在标题、列表、表格和代码块的前后各留出一行空白。这是解决 Markdown 转换结果与预期不符的最常见方法。
  • 请使用带围栏的代码块,并在反引号后注明语言名称。这样,HTML 代码就会获得一个语言类,供语法高亮工具使用。
  • 对于非您亲自撰写的文本,请保持“允许原始 HTML”选项处于关闭状态。
  • 预览采用的是默认样式。您网站自身的 CSS 将决定 HTML 的最终显示效果。
值得了解

限制与隐私

隐私

转换过程在您的浏览器中进行。您的 Markdown 内容不会被上传、存储或记录,预览和下载的文件均在您的设备上生成。

限制

这是一个功能紧凑的转换器,涵盖了常见的 Markdown 和 GitHub 样式功能。它并非完整的 CommonMark 或 GitHub 引擎,因此不支持脚注、表情符号代码、数学公式以及一些特殊边界情况。当您允许时,原始 HTML 代码将原样通过,因此请在发布前对不可信的内容进行清理。

常见问题

Markdown 转 HTML 转换器常见问题解答

什么是 Markdown?

Markdown 是一种使用纯文本符号来编写格式化文本的方法,例如使用 # 表示标题,用 ** 包围单词表示加粗。它由约翰·格鲁伯(John Gruber)于 2004 年创建,如今被广泛应用于文档、README 文件、笔记以及众多网站中。

该转换器支持哪些 Markdown 功能?

标题、段落、加粗、斜体、删除线、内联代码、带边框和缩进的代码块、块引用、有序列表和嵌套列表、任务列表、带对齐功能的表格、链接、引用链接、图片、自动链接和水平线。

结果和 GitHub 的 Markdown 一样吗?

它遵循通用的 CommonMark 规则,并增加了 GitHub 风格的表格、任务列表、删除线和自动链接。GitHub 自带的渲染器功能更全面,例如支持表情符号代码、提及和脚注,而某些不常见的特殊情况可能会呈现出不同的效果。

我的文本上传到哪里去了?

不。转换过程在您的浏览器中进行,您的 Markdown 内容绝不会离开您的设备。

这段 HTML 代码发布起来安全吗?

默认情况下,您输入的任何 HTML 都会被转义,且以 javascript: 或类似字符串开头的链接会被屏蔽。如果您启用“允许原始 HTML”选项,内容将原样通过,因此请在发布他人提供的内容之前,先将其通过合适的 HTML 净化工具进行处理。

为什么我的单行换行被忽略了?

在 Markdown 中,单个换行符被视为一个空格,只有空行才会开始一个新段落。若要强制换行,请在行尾添加两个空格或一个反斜杠,或者启用将单行换行符转换为 <br> 标签的选项。

如何制作表格?

用竖线分隔单元格,并在表头下方添加一行破折号,例如 | 名称 | 价格 | 和 | --- | --- |。在破折号的左侧、右侧或两侧添加冒号,以将列对齐到左侧、右侧或居中。

如何获取完整的 HTML 页面,而不是页面片段?

启用完整 HTML 页面。生成的页面包含 doctype、head 和 body 标签,并将一级标题用作页面标题。

标题 ID 的作用是什么?

标题中的 ID 可让您直接跳转到该部分,例如 page.html#installation。启用“添加标题 ID”功能后,每个标题都会根据其文本生成一个小写 ID,而重复出现的标题则会在 ID 后添加一个数字。

来自使用该工具的用户

评论

正在加载评论……
继续前进

工具箱里的更多工具

该主页还提供了数十种无需 API 密钥即可使用的免费工具。

推荐一款工具