即时实时预览
预览随输入即时更新，并与编辑器同步滚动，您正在编辑的部分始终在眼前。
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 语法速查表：常用语法与示例
Markdown 语法速查表，附可直接复制的示例：标题、粗体、删除线、链接、代码块、表格、复选框、提示框和脚注的写法一目了然。
教程Markdown 在线预览：左右分屏实时查看
Markdown 在线预览，左右分屏实时显示效果：挑选预览工具时应该关注哪些功能，以及如何不上传文件就直接打开本地文件和文件夹。
教程如何在 Markdown 中编写数学公式（LaTeX 与 KaTeX）
Markdown 数学公式用 LaTeX 编写：行内公式和独立公式、分数、根号、矩阵、多行对齐，示例可在 GitHub 和 KaTeX 中正确渲染。
教程Markdown 中的 Mermaid 图表：流程图、时序图等
Markdown 中的 Mermaid 图表：它是什么，以及如何绘制流程图、时序图、甘特图和饼图。附可直接复制的示例和实用技巧。
教程Markdown 转 HTML（及 PDF）：4 种方法
Markdown 转 HTML 的四种实用方法：浏览器一键导出、VS Code、Pandoc 或几行 JavaScript 代码，另附快速转 PDF 的办法。
自行部署如何在虚拟主机、Docker 或 nginx 上自行部署 Markdown 编辑器
自建 Markdown 编辑器，带实时预览，几分钟即可部署：分步讲解虚拟主机（cPanel）、Docker、nginx 或 Caddy 上的配置。无需数据库。
喜欢吗？点个 Star 吧。
Markdown Preview Editor 是利用业余时间开发并免费分享的。在 GitHub 上点个 Star，能帮助更多人发现它——也是对我们继续前进的鼓励。