Markdown 预览
预览渲染为 HTML 的 Markdown
Markdown
预览
Hello, Markdown
A quick bold word and some italics.
- Bullet one
- Bullet two
- Nested
- Bullet three
const greeting = 'hello world';
console.log(greeting);
Block quotes work too.
| Col A | Col B |
|---|---|
| 1 | 2 |
| 3 | 4 |
支持哪种 Markdown 风格？
预览使用为 GitHub 风格 Markdown (GFM) 配置的 `marked` 解析器：使用 `|` 分隔符的表格，带有 ``` 标记和语言提示的围栏代码块，URL 的自动链接，任务列表复选框 (`- [ ]`)，以及带有 `~~text~~` 的删除线。
输出的 HTML 在渲染之前已清理，因此粘贴不受信任的 Markdown 无法向您的浏览器注入脚本标签或样式表。如果您需要原始未清理的 HTML 输出，请在本地使用专用解析器。
使用场景
- 提交前预览 README——看 GitHub 上标题、代码块、列表实际怎么渲染。
- 写文档——API 文档先用 markdown 写，再粘到 Notion 或 wiki。
- 写 newsletter——在本地预览 markdown 排版，确认后粘到 Substack 或 Beehiiv。
- 排版 Stack Overflow 回答——提交前先看代码 fence、列表、链接的渲染效果。
示例
Headings and emphasis
输入
# Title
**bold** and *italic* text.
- list item
- another输出
<h1>Title</h1>
<p><strong>bold</strong> and <em>italic</em> text.</p>
<ul><li>list item</li><li>another</li></ul>常见问题
支持哪些 Markdown 扩展？
GitHub 风格的 Markdown：表格、围栏代码块、自动链接、任务列表、删除线。不支持脚注和警告。
Markdown 中允许 HTML 吗？
是的，但输出已清理 — `<script>`、`<style>` 和事件属性在渲染之前被删除。
我可以导出渲染的 HTML 吗？
使用浏览器的查看源代码或开发者工具复制渲染的 HTML。如果可用，右键单击预览并选择 '查看框架源'。
代码块有语法高亮吗？
没有 — 围栏代码块以等宽样式呈现，但没有语言颜色高亮。要实现这一点，请在本地添加 Markdown 处理器，如 `markdown-it` + `highlight.js`。
输入会发送到服务器吗？
不会。解析和渲染在您的浏览器中进行。