即时实时预览
预览随输入即时更新，并与编辑器同步滚动，您正在编辑的部分始终在眼前。
写下 Markdown，
即刻看到效果。
一款快速的 Markdown 编辑器：实时预览、多标签页、数学公式、图表，一键导出。它直接在浏览器中运行——可以在线使用，也能在一分钟内部署到您自己的网站上。
Markdown Preview你好，Markdown 👋
在左侧输入——右侧的预览会即时更新。
- 实时预览，同步滚动
- 表格、任务列表和提示框
- 带
语法高亮的代码
提示
选中一段文字，然后按工具栏上的 B 或 I。
这是编辑器的实时迷你版——点进去试试，切换标签页和视图，按一按工具栏上的按钮。
- GitHub-Flavored Markdown
- KaTeX 数学公式
- Mermaid 图表
- 语法高亮
- HTML 和 PDF 导出
- 适配移动端
功能
写 Markdown 所需的一切，恰到好处
左边是简洁的编辑器，右边是 GitHub 风格的预览，中间是您真正会用到的工具。
每个文档一个标签页
同时打开多个文件。每个标签页都有独立的撤销历史，点击已打开的 .md 文件之间的链接即可切换标签页。
随心拖放
拖入多个文件、整个文件夹，或者文档连同它的图片——相对路径自动生效。
顺手的编辑器
常用工具始终可见、触手可及。脚注、提示框、公式、图表、目录等高级功能收纳在单独的一栏中，留给进阶用户。
数学公式与图表
用 KaTeX 书写 LaTeX 公式，用 Mermaid 绘制流程图、时序图和甘特图。
导出 HTML、PDF 和 .md
独立的 HTML 文件、通过打印对话框生成的 PDF，或干净的 Markdown 源文件——都只需一键。
浅色、深色与移动端
白天夜晚都舒适，大显示器和手机上都好用。您的选择会被记住。
15 种界面语言
English、Deutsch、Español、Français、日本語、简体中文等。自动跟随浏览器语言，也可在设置中切换。
文件始终属于您
一切都在浏览器中完成。无需账号，不上传文件，没有统计分析——只是一个编辑器。
不止纯文本
从随手笔记到技术文档
选择一个示例，查看 Markdown 源码及其预览效果。
Markdown
一元二次方程的求根公式： $ax^2 + bx + c = 0$:
$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$预览
一元二次方程的求根公式： :
LaTeX 语法，由 KaTeX 渲染。只有文档中包含公式时才会加载。
Markdown
```mermaid
flowchart LR
A[写作] --> B[预览]
B --> C{完成？}
C -- 是 --> D[导出]
C -- 否 --> A
```预览
流程图、时序图、甘特图、状态图等——均由 Mermaid 绘制。
Markdown
```js
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}
```预览
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}支持 35 种以上最流行编程语言的语法高亮，提供浅色和深色主题。
Markdown
> [!NOTE] > 有用的信息。 > [!TIP] > 一个实用的小技巧。 > [!WARNING] > 继续之前请先阅读。
预览
注意
有用的信息。
提示
一个实用的小技巧。
警告
继续之前请先阅读。
GitHub 风格的提示框：NOTE、TIP、IMPORTANT、WARNING 和 CAUTION。
Markdown
| 功能 | 状态 | |:--------|:------:| | 预览 | ✅ | | 导出 | ✅ | - [x] 撰写草稿 - [ ] 发布
预览
| 功能 | 状态 |
|---|---|
| 预览 | ✅ |
| 导出 | ✅ |
- 撰写草稿
- 发布
来自 GitHub-Flavored Markdown 的对齐表格和任务列表。
Markdown
Markdown 诞生于 2004 年。[^1] [^1]: 由 John Gruber 与 Aaron Swartz 共同创建。
预览
Markdown 诞生于 2004 年。1
- 由 John Gruber 与 Aaron Swartz 共同创建。
还支持脚注、高亮、下标、上标、表情短代码和 front matter 元数据。
真实界面
在任何屏幕上都得心应手
桌面端是带标签页的分屏视图，手机上是紧凑的单手布局。浅色还是深色——由您决定。
桌面端：标签页、格式工具栏、同步分屏视图。
手机端：轻点一下即可切换视图。
设计即简单
您的文件绝不离开您的电脑
没有服务器在后台处理。编辑器只是一组静态文件，打开、渲染、导出——一切都在您的浏览器标签页中完成。
- 无需账号。打开页面即可开始写作。
- 不上传文件。拖入的文件只在本地读取。
- 不做追踪。没有统计分析、没有 Cookie、没有广告。
- 加载什么由您决定。外部图片和链接默认关闭，经您允许后才会启用。
您的 .md 文件来自您的磁盘、文件夹或剪贴板
在浏览器中渲染Markdown、公式和图表都在您的设备上处理
保存到您选择的位置.md、HTML 或 PDF——直接存到您的电脑
常见问题
常见问题
Markdown Preview Editor 免费吗？
免费。它基于 MIT 许可证免费开源，没有付费方案、没有广告，也无需注册。您可以使用在线版，也可以部署自己的副本。
需要安装什么吗？
不需要。它可以在任何现代浏览器中运行——打开在线版就能开始输入。如果想拥有自己的副本，下载现成的网站压缩包并上传到任意网站主机即可，无需数据库或服务器端代码。
我的文档会被上传到别处吗？
不会。文件直接在您的浏览器中打开和渲染。文档始终留在您的设备上，并且只保存在当前打开的标签页中——除非您在设置中开启“在此浏览器中记住文档”。
支持哪些 Markdown 语法？
支持 GitHub-Flavored Markdown：表格、任务列表、删除线、自动链接、脚注和提示框。此外还支持语法高亮、KaTeX 数学公式、Mermaid 图表、表情短代码、高亮、下标、上标和 front matter 元数据。
可以导出为 PDF 或 HTML 吗？
可以。您可以导出内嵌样式和本地图片的独立 HTML 文件，通过浏览器打印或另存为 PDF，也可以将 Markdown 源码保存为 .md 文件。
能在手机和平板上使用吗？
能。界面会自动适配小屏幕：轻点一下即可在编辑器、分屏和预览之间切换，格式工具栏只在需要时才展开。
来自博客
写好 Markdown 的实用指南
实用、可直接复制的教程——从基础语法到数学公式、图表和自行部署。
指南
Markdown 语法速查表：GitHub 风格语法与示例
一份实用的 Markdown 语法速查表，涵盖标题、列表、链接、图片、代码、表格、任务列表、提示框和脚注，附带可直接复制的 GitHub Flavored Markdown 示例，新手也能快速上手。
教程如何在线预览 Markdown，无需上传文件
了解在线预览 Markdown 最简单的方法：左右分屏实时预览，挑选预览工具时应关注哪些功能，以及如何直接从电脑打开本地文件和文件夹，文件全程不离开浏览器。
教程如何在 Markdown 中编写数学公式（LaTeX 与 KaTeX）
用 LaTeX 语法在 Markdown 中编写行内公式和独立公式：分数、根号、求和、矩阵、多行对齐公式及常见问题，所有示例都能在 GitHub 和 KaTeX 中正确渲染，可直接复制使用。
教程Markdown 中的 Mermaid 图表：流程图、时序图等
用 Mermaid 直接在 Markdown 中绘制流程图、时序图、甘特图、状态图和饼图。提供可直接复制的代码示例，以及让图表清晰易读的实用技巧，写文档画图从此不再麻烦。
教程如何将 Markdown 转换为 HTML 和 PDF：4 种简单方法
将 Markdown 转换为 HTML 或 PDF 的四种实用方法：从浏览器一键导出，到 Pandoc 和 VS Code 插件，并附上分页、深色模式和图片处理技巧，让导出的文档更专业。
自行部署如何在虚拟主机、Docker 或 nginx 上自行部署 Markdown 编辑器
几分钟内部署一款属于自己的 Markdown 实时预览编辑器。分步讲解如何在虚拟主机（cPanel）、Docker、nginx 和 Caddy 上完成部署——无需数据库，也无需后端，免费开源。
喜欢吗？点个 Star 吧。
Markdown Preview Editor 是利用业余时间开发并免费分享的。在 GitHub 上点个 Star，能帮助更多人发现它——也是对我们继续前进的鼓励。