Markdown 预览 在线实时编辑器与查看器

在左侧输入 Markdown,右侧即时呈现渲染结果,正如 GitHub 显示的那样。直接开始输入即可。

  • 无需注册
  • 不上传任何内容
  • 无水印
  • 本地自动保存
Markdown 编辑器
实时预览

你的文本永远不会离开浏览器。渲染在本地使用 JavaScript 完成,不会上传或存储到我们的服务器。Markdown 很乱?用免费校验器分析并自动修复

什么是 Markdown 预览?

iLoveMarkdown 是一款免费在线 Markdown 编辑器,带实时预览,100% 在你的浏览器中运行,无需注册,无需上传,GitHub 风格渲染。Markdown 预览会向你展示 Markdown 源码渲染为格式化文档后的样子。Markdown 是一种轻量级标记语言,由 John Gruber 于 2004 年创建,使用纯文本符号(如 # 表示标题、** 表示粗体)来代替 HTML 标签。由于 Markdown 文件是纯文本,你在书写时通常看不到最终格式。实时预览工具解决了这个问题:本页将轻量的 Ace 代码编辑器与实时渲染引擎结合,因此左侧的每一次按键都会即时反映为右侧格式化的 HTML。

这款在线 Markdown 编辑器非常适合撰写 GitHub README.md 文件、文档、博客文章、技术笔记以及任何其他 .md 内容。它支持 CommonMark 规范以及 GitHub 风格的表格、删除线和自动链接 URL,并且生成的 HTML 经过净化,因此预览始终可安全查看。当你对文档满意时,你可以校验并自动修复 Markdown,或将其转换为 PDF,全程无需离开 iLoveMarkdown。

在提交前预览你的 GitHub README

README 是别人打开你仓库时最先查看的内容,而最常见的预览方式也最为别扭:提交、推送,然后祈祷渲染符合预期。常用的替代方案都需要安装某些东西:grip 需要 Python,gh markdown-preview 需要 GitHub CLI,而 VS Code 内置预览会遗漏 GitHub 特有的渲染,因此在本地看起来正常的表格和格式在推送后仍可能出错。

本页让你零安装就能完成同样的检查:将你的 README.md 粘贴到上方编辑器,在提交前准确查看标题、表格、代码块和链接的渲染效果。由于一切都在你的浏览器中运行,它同样适用于私有仓库和机密草稿:你的 README 永远不会离开你的设备。

Markdown 语法速查表

下方每个元素都受实时预览支持。在上方编辑器中试试吧。

元素 Markdown 语法
标题
# H1
## H2
### H3
粗体
**粗体文本**
斜体
*斜体文本*
引用
> 引用
有序列表
1. 第一项
2. 第二项
无序列表
- 第一项
- 第二项
行内代码
`代码`
代码块
```js
console.log('hi');
```
分隔线
---
链接
[标题](https://example.com)
图片
![替代文本](image.jpg)
表格
| 列 1 | 列 2 |
| ---- | ---- |
| 文本 | 文本 |

需要更多?查看我们完整的 Markdown 速查表,涵盖每个语法元素及渲染示例,包括任务列表、脚注、提示框和表格对齐。

常见问题

关于在线 Markdown 预览工具你需要了解的一切。

什么是 Markdown 预览工具?

Markdown 预览工具是一种在线工具,可实时将 Markdown 语法渲染为格式化的 HTML。你在左侧编辑器中输入 Markdown,右侧立即看到格式化结果,无需安装任何软件。

这个 Markdown 预览工具免费使用吗?

是的,完全免费,无需注册、无需账户、无使用限制、无水印。所有功能无需注册即可使用,导出按钮背后也没有任何付费墙。

我的 Markdown 文本会上传到服务器吗?

不会。一切都使用 JavaScript 在你的浏览器本地渲染。你的文本永远不会离开你的设备,因此该工具适合处理私密笔记和机密文档。

支持哪些 Markdown 语法?

预览工具支持标准 CommonMark 语法以及 GitHub 风格的附加功能:标题、粗体和斜体文本、删除线、有序和无序列表、链接和自动链接 URL、图片、行内代码、围栏代码块、引用块、表格和分隔线。标注为 mermaid 语言的围栏代码块会渲染为实时 Mermaid 图表:流程图、序列图、类图、甘特图等。

我可以在提交前预览 GitHub README 吗?

可以。粘贴你的 README.md,在提交前查看其渲染效果:表格、围栏代码块、引用块和链接都会按 GitHub 的显示方式呈现。无需安装 grip、gh CLI 或 VS Code 扩展。

为什么我的 Markdown 预览在 GitHub 上看起来不同?

不同的工具使用不同的 Markdown 解析器。许多编辑器预览只支持严格的 CommonMark,而 GitHub 使用 GitHub Flavored Markdown(GFM),它增加了表格、删除线和自动链接 URL,因此在 GitHub 上有效的表格在别处可能出错。本预览工具渲染 CommonMark 以及 GitHub 风格的表格、删除线和自动链接,因此你在这里看到的与 GitHub 的显示效果高度一致。

编辑器会保存我的工作吗?

会。你输入时,Markdown 会自动保存到浏览器的本地存储,因此即使你关闭标签页稍后再回来,文档依然还在。

我可以将预览的 Markdown 转换为 PDF 吗?

可以。当你的文档满意时,使用我们首页上的免费 Markdown 转 PDF 转换器,即可将其下载为专业排版的 PDF。

需要将 Markdown 导出为 PDF 吗?

当你的文档在预览中看起来完美时,数秒内即可将其转换为专业排版的 PDF:免费、无需账户、无水印。写作与发布流程,尽在一处。

将 Markdown 转换为 PDF