Markdown预览
编写Markdown并实时查看HTML预览。
实时在此处查看渲染后的Markdown。
Markdown 预览 — 在线免费编写和预览 Markdown
在左侧面板中编写 Markdown，并在右侧实时查看 HTML 预览。我们的免费在线 Markdown 预览工具可实时渲染标题、加粗、斜体、链接、图片、代码块、表格、列表等 —— 完全在您的浏览器中运行。
什么是 Markdown？
Markdown 是由 John Gruber 于 2004 年创建的一种轻量级标记语言。它使用易于转换为 HTML 和其他格式的纯文本格式语法。Markdown 是 GitHub README、文档站点、博客平台、笔记应用和技术写作的标准写作格式。
与编写 <h1> 和 <strong> 等原始 HTML 标签不同，您只需编写 # 标题 和 **加粗**。这使 Markdown 输入速度更快，即使在转换之前也易于阅读。GitHub、GitLab、Stack Overflow、Reddit、Discord 和 Notion 等平台都原生支持 Markdown。
实时 Markdown 预览器可让您在发布之前精确查看格式化文本的最终效果。这消除了盲写 Markdown 的猜测工作，并有助于提前发现格式错误。
如何使用此 Markdown 预览工具
使用该工具非常简单：
- 在左侧编辑器面板中输入或粘贴 Markdown。您可以从头开始编写或粘贴现有的 Markdown 内容。
- 在右侧面板中即时查看预览更新。每次按键都会触发重新渲染。
- 使用工具栏按钮快速插入标题、加粗、斜体、链接、图片、代码块和列表。
- 复制生成的 HTML，如果您需要电子邮件模板、CMS 或文档生成器的原始 HTML 输出。
- 复制 Markdown 源代码，粘贴到您的 GitHub README、博客文章或笔记应用中。
核心功能
| 功能 | 优势 |
|---|---|
| 实时预览 | 输入时立即查看格式化输出 —— 没有延迟 |
| 工具栏快捷方式 | 一键插入标题、加粗、斜体、链接和代码 |
| 复制 HTML 输出 | 获取用于电子邮件、CMS 或静态站点的原始 HTML |
| 复制 Markdown | 获取用于 GitHub、博客或笔记的 Markdown 源代码 |
| 完整 Markdown 支持 | 标题、加粗、斜体、链接、图片、代码、表格、列表、引用块 |
| 深色模式兼容 | 预览会根据您的主题自动适应 |
| 浏览器本地处理 | 不需要将数据发送到任何服务器 —— 您的内容始终保持私密 |
与许多在线 Markdown 编辑器不同，此工具无需账户、无需安装、无需服务器往返。您的内容永远不会离开浏览器。
常见使用场景
编写 GitHub README 文件
每个开源项目都需要清晰的 README。在这里编写 Markdown，预览格式，然后直接复制到您的仓库中。您还可以使用我们的 JSON 格式化工具 来验证文档中包含的任何 JSON 示例。
博客草稿撰写
许多博客平台（Hugo、Jekyll、Ghost、Dev.to）使用 Markdown 作为内容格式。在此处撰写文章，预览布局，然后将最终版本粘贴到您的 CMS 中。如果需要转换标题的文本大小写，可以尝试我们的 文本大小写转换器。
编写文档
技术文档通常使用 Markdown，因为其简单性和可移植性。在提交之前预览文档，确保标题、代码块和表格正确渲染。
电子邮件模板原型设计
用 Markdown 编写电子邮件内容，复制生成的 HTML 输出，然后粘贴到您的电子邮件构建器中。这对于事务性电子邮件和新闻通讯尤其有用。
Markdown 语法快速参考
# 标题 1到###### 标题 6— 六级标题**加粗**和*斜体*— 基本文本格式[链接文字](网址)— 内联链接— 图片`内联代码`和三重反引号代码块 — 代码格式> 引用块— 引用文本- 项目或1. 项目— 无序和有序列表| 列 | 列 |— 使用竖线语法的表格---— 水平线
提高 Markdown 编写的技巧
- 使用一致的标题级别。从
#开始作为标题，然后使用##作为章节，###作为子章节。跳过级别（例如从#直接跳到###）会导致文档结构混乱。 - 在列表和代码块前后添加空行。许多 Markdown 解析器需要空行来正确识别块级元素。
- 发布前预览。不同平台对 Markdown 的渲染略有差异。在提交前始终检查预览。
- 使用带语言标签的代码块。写
```javascript而不是仅仅```可在 GitHub 和大多数文档平台启用语法高亮。 - 保持表格简单。包含合并单元格或嵌套内容的复杂表格在 Markdown 中表现不佳。对于高级布局，请使用 HTML 表格。
常见问题解答
这个 Markdown 预览工具是免费使用的吗？
是的。该工具完全免费，无需账户，也没有使用限制。所有渲染都在您的浏览器中完成。
该工具支持 GitHub Flavored Markdown 吗？
是的。该工具支持标准 Markdown 以及 GitHub Flavored Markdown 扩展功能，包括表格、任务列表、删除线和带语法高亮的代码块。
可以复制 HTML 输出吗？
是的。点击“复制 HTML”按钮即可复制从 Markdown 生成的原始 HTML。您可以将其粘贴到任何 HTML 编辑器、电子邮件模板或 CMS 中。
我的内容会被存储或发送到服务器吗？
不会。所有 Markdown 解析和渲染都通过浏览器本地的 marked 库完成。您的内容永远不会发送到任何服务器。
支持哪些 Markdown 功能？
该工具支持标题、加粗、斜体、删除线、链接、图片、内联代码、代码块、引用块、有序和无序列表、表格、水平线和任务列表。