Markdown PreviewMarkdown 实时预览

Write Markdown on the left, see the rendered result with syntax-highlighted code blocks and a table of contents.

左边写 Markdown，右边看渲染结果，代码块自动高亮，并可一键生成标题目录。

What is Markdown Preview?Markdown 实时预览 是什么？

A Markdown workbench that renders as you type. The output uses the same engine as most documentation sites, with GitHub-style syntax highlighting for code blocks, tables, task lists and blockquotes rendered properly. A table-of-contents button extracts the heading structure so you can build an index without scrolling through the document.

一个边写边渲染的 Markdown 工作台。输出用的是与主流文档站相同的渲染引擎，代码块带 GitHub 风格语法高亮，表格、任务列表、引用块都正确呈现。"生成目录"按钮能抽取标题结构，不用滚动整篇文档就能做出索引。

How to use markdown preview如何使用 Markdown 实时预览

1. Type or paste Markdown into the editor.
2. Press Preview to render it.
3. Press Table of contents to list the headings.
4. Press Copy HTML if you need the rendered markup.

1. 在编辑器里输入或粘贴 Markdown。
2. 点"预览"渲染。
3. 点"生成目录"列出各级标题。
4. 需要渲染后的 HTML 时点"复制 HTML"。

Common uses常见用途

• Check how a README will look before committing it
• Preview a Markdown article for a blog or documentation site
• Generate a table of contents for a long document
• Learn Markdown by seeing each construct rendered

• 提交前先看看 README 渲染成什么样
• 预览博客或文档站要发的 Markdown 文章
• 为长文生成目录
• 通过看渲染结果学习 Markdown 语法

FAQ常见问题