Markdown 预览

编写 Markdown 并实时预览渲染的 HTML

欢迎使用 Markdown 预览

这是一个实时预览编辑器。在左侧开始输入，即可在右侧看到渲染输出。

功能

  • 粗体、斜体和删除线文本
  • 链接和图片
  • 带语法高亮的代码块

代码示例

function greet(name) {
  console.log(`你好，${name}！`);
}
greet("世界");

表格示例

功能状态
GFM 表格支持
任务列表支持
删除线支持

任务列表

  • 编写 Markdown
  • 预览输出
  • 导出为 HTML

引用块也受支持，在深色模式下看起来很棒。

享受编写 Markdown 的乐趣！

Markdown 速查表
**粗体**粗体文本
*斜体*斜体文本
~~删除线~~删除线
# 标题标题（1-6）
[文本](url)链接
![替代文本](url)图片
`代码`行内代码
```语言```代码块
> 引用引用块
- 项目无序列表
1. 项目有序列表
---水平线
| a | b |表格
- [x] 任务任务列表

什么是 Markdown 预览工具？

Markdown 预览工具是一个免费的在线分屏编辑器，左边书写 Markdown，右边实时预览渲染结果。支持 GitHub 风格 Markdown（GFM），包括表格、任务列表、删除线和围栏代码块。

无论你是为 GitHub 仓库编写 README、撰写文档、编辑博客文章，还是学习 Markdown 语法，这个工具都能在你输入时提供即时的可视化反馈。

如何使用 Markdown 预览编辑器

  • 在左侧编辑器窗格中输入或粘贴 Markdown 内容，右侧预览窗格会随输入自动更新。
  • 使用顶部的格式工具栏插入粗体、斜体、标题、链接、图片、代码块和列表，无需记忆语法。
  • 点击“导出 HTML”将渲染结果下载为带有简洁样式的独立 HTML 文件。
  • 点击“复制 MD”将原始 Markdown 文本复制到剪贴板。
  • 展开底部的 Markdown 速查表，快速查看所有支持的语法。

支持的 Markdown 功能

本编辑器支持完整的 CommonMark 规范以及 GitHub 风格 Markdown 扩展。你可以使用标题（h1 至 h6）、粗体、斜体和删除线文本、有序和无序列表、引用块、水平分割线、行内代码和围栏代码块、链接、图片、带对齐的表格以及任务列表复选框。

写出更好 Markdown 的提示

  • 按层级使用标题：h1 用于标题，h2 用于章节，h3 用于小节
  • 在段落之间以及列表前后留出空行，以确保渲染正确
  • 使用带语言标识的围栏代码块，以便在支持的渲染器中获得语法高亮
  • 经常预览内容，尽早发现格式问题
  • 使用工具栏按钮学习你不常用的元素语法

常见使用场景

  • 在提交前编写和预览 GitHub README 文件
  • 用 Markdown 撰写文档或技术写作
  • 为 Hugo、Jekyll 或 Astro 等静态站点生成器撰写博客文章
  • 通过即时可视化反馈学习 Markdown 语法
  • 将 Markdown 转换为 HTML，用于嵌入网站或邮件

常见问题

如何使用 Markdown 预览？+
在左侧窗格中输入 Markdown 文本。预览会在右侧窗格中实时更新。您可以切换编辑器布局或使用工具栏进行格式化。
支持哪些 Markdown 功能？+
工具支持完整的 CommonMark 规范，包括标题、列表、代码块、链接、图像、引用、表格等。还支持 GitHub Flavored Markdown 功能，如任务列表和删除线。
可以复制渲染的 HTML 吗？+
可以。使用复制按钮复制渲染的 HTML，或使用复制 Markdown 按钮复制原始 Markdown。
可以保存 Markdown 文件吗？+
可以。使用下载按钮将 Markdown 保存为 .md 文件。
有键盘快捷键吗？+
有。使用 Ctrl+B 加粗，Ctrl+I 斜体，Ctrl+K 链接，Ctrl+Shift+I 图像。
Markdown 数据会发送到服务器吗？+
不会。所有 Markdown 处理都在浏览器本地进行。数据永远不会离开您的设备。

相关工具

JSON 格式化器HTML 压缩器JSON FormatterRegex Tester

Markdown 预览 — 免费的在线markdown 预览, markdown 编辑器, markdown 转 html, github 风格 markdown, gfm 预览, 实时 markdown 预览, markdown 语法, markdown 速查表。无需注册。在浏览器中直接使用。