Markdown 实时预览
左侧写 Markdown，右侧实时看到渲染结果，随后可复制或下载 HTML。所有解析都在浏览器本地完成，内容不会上传。
Markdown 怎么在线预览？
把 Markdown 粘贴进在线预览工具，它会边输入边渲染成 HTML，无需安装、无需注册。合格的预览器需要完整支持 GitHub 风格 Markdown：标题、强调、带高亮的围栏代码块、表格、任务列表和 LaTeX 公式，并允许直接复制或下载生成的 HTML。
# 标题
**粗体**、*斜体* 与 `行内代码`。
- 列表项
- [链接](https://example.com)
| 列名 | 值 |
| ---- | -- |
| 行 | 1 |渲染为一个一级标题、一段包含粗体与斜体和等宽代码的正文、一个带可点击链接的无序列表，以及一张带表头的两列表格。
在线使用 Markdown 实时预览
Markdown
预览
Markdown 预览
欢迎使用 MDUtil 的 Markdown 实时预览工具！
功能特性
- 实时渲染 Markdown
- 代码语法高亮
- 支持表格、列表等元素
- 一键导出 HTML 代码
- 支持 LaTeX 数学公式
- 可导出为 Word 文档
代码示例
function greet() {
console.log("Hello, world!");
}
表格示例
提示：在左侧编辑 Markdown，右侧预览会实时同步更新。
数学公式示例
- 求根公式：
- 质能方程：
图片示例
GitHub Flavored Markdown
本预览工具支持 GitHub 风格 Markdown（GFM），包括：
- 任务列表
- 已完成的任务
- 未完成的任务
- 删除线：
删除线 - Emoji：:rocket: :smile: :+1:
- Issue 与用户名自动链接
预览面板支持哪些语法
预览使用 GitHub 风格 Markdown（GFM）解析器，因此这里看到的效果与 GitHub、GitLab 以及主流静态站点生成器发布出来的结果高度一致。提交文件前，下面这些结构最值得先验证一遍。
标题、强调与列表
CommonMark 的核心语法。列表前要空一行，井号后面必须有空格——标题写成普通文字，绝大多数就是漏了这个空格。
# 文档标题
## 章节标题
正文可以是**粗体**、*斜体*，也可以***两者兼有***。
1. 有序列表项
2. 另一项
- 嵌套的无序列表生成一个 h1 和一个 h2、一段包含 strong 与 em 的正文，以及一个内嵌无序列表的有序列表。
带语法高亮的围栏代码块
用三个反引号开启与闭合代码块，起始反引号后面的语言标识决定了预览和 GitHub 上的高亮方案。
```ts
interface User {
id: number;
name: string;
}
```输出一个等宽代码块，TypeScript 的关键字、类型和字符串会被着色。不写语言标识仍能渲染，只是没有高亮。
表格与列对齐
表格属于 GFM 扩展，并非原始 Markdown 的一部分。分隔行控制对齐方式：冒号写在短横线左侧、右侧或两侧。
| 包名 | 版本 | 体积 |
| :---- | :--: | ---: |
| react | 19.0 | 6 kB |
| next | 16.0 | 2 MB |生成三列表格：第一列左对齐、版本列居中、体积列右对齐。
任务列表、删除线与自动链接
让 README 和 Issue 清单可用的 GFM 扩展。任务列表项就是正文以 [ ] 或 [x] 开头的普通列表项。
- [x] 写完设计文档
- [ ] 上线新功能
~~已废弃~~，请改用 https://example.com渲染出两个复选框（第一个已勾选），下面一段包含删除线文字，裸链接自动变成可点击链接。
LaTeX 数学公式
单个美元符号包裹行内公式，两个美元符号生成独占一行的居中公式块。本工具使用 KaTeX 排版，GitHub 自 2022 年起也原生支持这一语法。
行内公式：$E = mc^2$
$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$行内公式以正文字号嵌在句子中；块级公式单独居中显示，根号与分式为完整高度。
图片、链接与原生 HTML
图片语法就是在链接前加一个感叹号。CommonMark 允许直接写 HTML，但 GitHub 会做安全过滤——脚本和内联样式在发布时会被剔除。
<details>
<summary>点击展开</summary>
折叠起来的内容。
</details>图片按原位加载，加载失败时显示替代文字；details 块会变成可折叠区域，GitHub 同样支持这种写法。
同一份 Markdown 在各平台效果一致吗
每个平台都有自己的渲染器，同一份文件粘到不同地方效果可能不同。本工具对齐的是 GitHub 风格 Markdown，也是目前最接近事实标准的一套规则。
| 平台 | 支持情况 | 说明 |
|---|---|---|
| GitHub / GitLab | 完全支持 | 本预览的对齐基准：表格、任务列表、删除线、自动链接与 $...$ 公式。 |
| VS Code | 完全支持 | 内置预览用 Cmd/Ctrl+K V 打开；Mermaid 等少数扩展需要另装插件。 |
| Obsidian | 完全支持 | 额外支持 [[双链]] 和 callout 语法，这些在其他渲染器里会原样显示为文字。 |
| Notion | 部分支持 | 粘贴时会把 Markdown 转换成原生块，但本身不做 Markdown 实时渲染。 |
| Discord | 部分支持 | 仅支持行内格式、标题、列表和代码块，不支持表格、图片和公式。 |
| Slack | 部分支持 | 使用自有的 mrkdwn 方言：单个 *粗体*、_斜体_，没有标题和表格。 |
| 部分支持 | Markdown 模式支持表格、引用和代码块，但不支持 LaTeX 公式。 |
如何使用本工具预览 Markdown
填入 Markdown
在左侧编辑器里输入或粘贴内容，也可以点击上传按钮打开本地的 .md、.markdown 或 .txt 文件。
查看实时预览
右侧面板会随每次输入重新渲染。长文档建议保持「同步滚动」开启，预览会跟着光标位置走。
切换到 HTML 视图
点击「查看 HTML」，右侧会从渲染结果切换为生成的完整独立 HTML 文档源码。
复制或下载结果
把 Markdown 或 HTML 复制到剪贴板，下载 HTML 文件，也可以把 Markdown 源码导出保存到本地。
常见问题
Markdown 预览是什么？
Markdown 预览就是把纯文本语法解析后按 HTML 呈现出来的视图：标题、粗体、列表、表格和代码块都会显示为最终排版效果。它的作用是让你在提交或发布文件之前，先确认成品的样子。
不装任何软件怎么预览 Markdown 文件？
直接打开本页面，把文件内容粘贴进左侧编辑器，或者点击上传按钮选择电脑上的 .md 文件，右侧会立刻显示渲染结果。全程不需要安装软件、注册账号或安装浏览器扩展。
我的内容会被上传到服务器吗？
不会。解析和渲染全部由浏览器端的 JavaScript 完成，文档不会离开你的设备。因此草稿、内部文档以及任何不方便交给第三方的内容都可以放心粘贴。
预览支持 GitHub 风格 Markdown 吗？
支持。表格、任务列表复选框、删除线、URL 自动链接以及带语言标识的围栏代码块都可以正常渲染，这与 GitHub 在 README、Issue 和 Pull Request 中启用的扩展集合一致。
可以预览 LaTeX 数学公式吗？
可以。行内公式用单个美元符号包裹，块级公式用两个美元符号。公式由 KaTeX 排版，这也是大量文档站点使用的引擎，GitHub 自 2022 年起同样原生支持该语法。
为什么我的 Markdown 表格渲染不出来？
几乎所有表格失效都出自三种原因：表头下面缺少由短横线组成的分隔行；表格与上一段正文之间没有空行；各行竖线分隔的单元格数量不一致。此外表格属于 GFM 扩展，只实现原始 Markdown 的渲染器会直接忽略它。
怎么把预览导出为 HTML？
点击「查看 HTML」把右侧面板切换到代码模式，工具会生成一份包含代码块、表格和公式样式的完整独立 HTML 文档，可以复制到剪贴板，也可以直接下载为 .html 文件。
VS Code 里怎么预览 Markdown？
打开文件后，macOS 按 Cmd+K 再按 V，Windows 和 Linux 按 Ctrl+K 再按 V，即可在编辑器旁边打开预览；按 Cmd/Ctrl+Shift+V 则在独立标签页中打开。VS Code 的内置预览同样贴近 GitHub 风格 Markdown。
为什么预览效果和 GitHub 上不完全一样？
各渲染器启用的扩展和 HTML 过滤策略不同。GitHub 出于安全考虑会移除脚本、内联样式和大部分属性，并套用自己的样式表，所以即使底层 HTML 结构相同，字体和间距也不会完全一致。
Markdown 编辑器和查看器有什么区别？
查看器只负责渲染已有文件，编辑器还允许你撰写和修改源码。本工具两者兼具：左侧是带行号和语法高亮的完整代码编辑器，右侧是实时查看器。