Markdown 预览

免费的在线 Markdown 编辑器，支持实时预览——编写和预览 Markdown 格式内容。

编辑器

预览

Hello World

This is bold and italic.

• Item 1

• Item 2

code here

关于 Markdown 预览

Markdown 是一种轻量级标记语言，由 John Gruber 于 2004 年创建。它允许作者使用简单易读的语法格式化纯文本，并转换为干净的 HTML。与隐藏底层结构的 WYSIWYG 编辑器不同，Markdown 在输入时即可看到格式——使用 #、* 和 - 等字符来表示标题、强调和列表。

核心语法非常精简：# 表示标题，* 或 _ 表示斜体，** 或 __ 表示粗体，反引号表示行内代码，短划线表示无序列表，数字表示有序列表，括号+圆括号表示链接。这种简洁性是 Markdown 被 GitHub、Stack Overflow、Reddit、Notion 以及几乎所有开发者平台采用的原因。

Markdown 的强大之处在于它无处不在。在编辑器编写一次，同一文件可在 GitHub、文档站点（Docusaurus、GitBook）、静态站点生成器（Next.js、Hugo、Jekyll）、笔记应用（Obsidian、Notion）以及消息平台（Slack、Discord、Teams）上完美渲染。

扩展 Markdown（CommonMark、GFM）增加了表格、任务列表、删除线、带语法高亮的代码块、表情符号和自动链接。GitHub Flavored Markdown（GFM）增加了问题引用、用户提及和提交 SHA 链接——使其成为 GitHub 上协作开发的标准。

此实时预览工具帮助你实时编写和验证 Markdown。左侧输入，右侧查看渲染结果。用于起草 README 文件、文档、博客文章或任何格式化文本。预览会随着输入即时更新，准确显示 Markdown 渲染后的外观。

Markdown 也是现代静态站点生成的基石。Next.js、Hugo 和 Jekyll 等框架允许你用 Markdown 编写内容，并将其编译为快速、可部署的 HTML 网站。Front matter——由 Markdown 文件顶部三个短横线分隔的 YAML 元数据——添加了页面标题、日期、标签和布局信息。这种 Markdown 用于内容、front matter 用于元数据的组合已成为文档站点、博客和知识库的主流模式。

常见问题

Markdown 比 WYSIWYG 更好吗？

Markdown 和 WYSIWYG 用途不同。Markdown 更适合版本控制、协作和跨平台生成一致输出。WYSIWYG 更适合视觉设计和精确定位控制。大多数开发者因其与现有工作流（git、代码编辑器、CI/CD）的自然集成而选择 Markdown。

Markdown 和 HTML 有什么区别？

Markdown 是一种面向人类可读纯文本的编写格式。HTML 是一种用于构建 Web 内容的标记语言。Markdown 可转换为 HTML，但编写和阅读更简单。Markdown 最适合内容；HTML 最适合需要精确控制布局、样式或交互元素时使用。

可以在 Markdown 中使用 HTML 吗？

可以。大多数 Markdown 处理器允许行内 HTML。可以在同一文档中混合使用 Markdown 和 HTML，这在需要基本 Markdown 语法未涵盖的功能（如特定对齐的表格、div 容器或嵌入视频）时非常有用。GitHub 和大多数平台都支持此功能。

什么是 Markdown front matter？

Front matter 是 Markdown 文件顶部的 YAML 元数据，由三个短横线（---）分隔。它包含页面级别的数据，如标题、日期、标签、作者和布局。静态站点生成器使用 front matter 控制内容的处理和渲染方式。例如，你可以设置 title: "My Post" 和 layout: "blog" 来定义页面标题和模板。

Markdown 支持代码块的语法高亮吗？

支持，大多数 Markdown 处理器支持带语法高亮的围栏代码块。使用三个反引号后跟语言名称（```python）创建高亮的代码块。GitHub Flavored Markdown 还支持行内代码高亮和带 + 和 - 前缀的 diff 格式展示代码变更。