跳到正文
SPCXTools

Markdown 转 HTML 转换器

编写或粘贴 Markdown,实时预览效果并复制纯净的 HTML。

本地运行——文件不会离开你的设备

正在加载工具…

如何使用Markdown 转 HTML 转换器

  1. 1在左侧编辑器中输入或粘贴 Markdown,或从示例开始。
  2. 2开启 GitHub 风格 Markdown 以支持表格、任务列表和删除线。如果希望将单个换行符转换成换行,请勾选 换行符。
  3. 3在 预览 和 HTML 标签页之间切换,以查看渲染效果或生成的代码。
  4. 4将 HTML 复制到您的网站、CMS 或电子邮件中,或下载一个包含样式的完整 .html 页面。

Markdown 转 HTML,带实时预览

Markdown 让您可以使用简单的符号快速编写格式化文本,而无需费力地处理 HTML 标签。当您需要 HTML 时——无论是用于网站、不支持 Markdown 的 CMS、电子邮件模板,还是想预览 README 文件——这个转换器都能立即完成。在左侧输入,在右侧即可看到渲染结果或纯净的 HTML 代码。所有操作都在您的浏览器中完成。

功能特性

  • 实时预览,输入即更新。
  • GitHub 风格 Markdown:支持表格、任务列表、删除线、自动链接和围栏代码块。
  • 可选换行 — 将单个换行符转换为 <br> 标签。
  • 纯净的 HTML 输出,不含内联样式或多余的包装元素,可随处粘贴。
  • 下载为完整页面,附带一个简洁易读的样式表。
  • 安全预览,在阻止脚本运行的沙盒框架中进行。

Markdown 语法速查表

Markdown 效果
# 标题 1 / ## 标题 2 标题
**粗体** / *斜体* 粗体 / 斜体
[链接文字](https://example.com) 链接
![替代文本](image.png) 图像
- 列表项 或 1. 列表项 无序或有序列表
> 引用内容 引用块
`代码` 行内代码
``` 在代码前后各占一行 代码块
--- 水平分割线
- [ ] 任务 任务列表项 (GFM)
~~删除的文本~~ 删除线 (GFM)

表格使用竖线和由破折号组成的分隔行来编写。分隔行中的冒号用于对齐列::--- 左对齐,:---: 居中对齐,---: 右对齐。

常见用途

  • 博客和 CMS:用于接受 HTML 但不支持 Markdown 的平台。
  • 电子邮件通讯:用 Markdown 编写,然后将 HTML 粘贴到您的邮件工具中。
  • README 和文档预览:在推送到 GitHub 或 GitLab 之前预览效果。
  • 转换笔记:将来自 Obsidian、Notion 导出文件或其他 Markdown 应用的笔记转换为网页。
  • 学习 HTML:通过观察每种 Markdown 结构生成了哪些 HTML 标签来学习。

使用技巧

  • 在段落、列表和标题之间留一个 空行,这可以避免大多数格式问题。
  • 嵌套的列表项请统一使用 两个或四个空格 进行缩进。
  • 在代码块的起始围栏后添加 语言名称(例如 ```js),以便您网站上的语法高亮器可以为代码着色。

如需统计文本字数,请使用字数统计工具。对于结构化数据,JSON 格式化工具可以验证和美化 JSON。

常见问题

什么是 Markdown?
Markdown 是一种纯文本格式化语法,旨在易于读写。您可以使用各种符号,例如
什么是 GitHub 风格 Markdown (GFM)?
GFM 是标准 Markdown 的一个广泛使用的扩展。它增加了表格、任务列表(- [ ] 和 - [x])、删除线(text)、URL 自动链接和围栏代码块。如果您需要严格的 CommonMark 输出,可以关闭此选项。
为什么单个换行符在输出中不显示?
在标准 Markdown 中,段落内的单个换行符被视为空格;您需要一个空行来开始一个新段落,或在行尾添加两个空格来创建一个换行。勾选 换行符 选项,可以将每个换行符都转换为一个 <br> 标签,就像 GitHub 评论那样。
Markdown 中的原始 HTML 会被保留吗?
是的。Markdown 允许内联 HTML,并且会直接传递到输出中。预览在一个阻止脚本运行的沙盒框架中进行,因此粘贴的内容无法在此页面上执行代码。如果您在自己的网站上发布来自不受信任来源的 HTML,请在您的网站上对其进行清理。
生成的 HTML 包含样式吗?
复制的 HTML 只包含内容标记,因此它会采用您网站的样式。下载的 .html 文件是一个完整的页面,带有一个小巧、易读的样式表,方便分享或打印。