Markdown 预览

什么是 Markdown 预览

Markdown 是开发者最常用的轻量级标记语言，用于编写文档、README、博客和技术笔记。Markdown 预览工具让你在编辑的同时实时查看渲染效果，无需提交到 GitHub 或启动本地服务器即可确认最终排版。

常用语法速查

语法	效果
# H1 ## H2	标题
**粗体** *斜体*	强调
`code`	行内代码
- item 1. item	无序/有序列表
> text	引用
[文字](url)	链接
	图片

GFM 扩展（GitHub Flavored Markdown）

标准 Markdown 之外，GFM 额外支持：表格 · 任务列表 - [ ] · 代码块语法高亮（```js）· 删除线 ~~text~~ · 自动识别 URL

本工具使用 marked 库渲染，默认开启 GFM 模式。

常见使用场景

• README 编写：在提交前预览项目 README 的实际渲染效果
• 博客草稿：撰写技术博客时实时确认标题层级、代码块和图片显示
• PR 描述：编写 Pull Request 描述时预览 Markdown 表格和列表格式
• 文档协作：快速验证团队文档模板的排版是否正确

使用方法

1. 在左侧编辑区输入或粘贴 Markdown 文本
2. 右侧实时渲染预览区会同步显示最终效果，包括代码高亮和表格
3. 编辑完成后点击「复制 HTML」获取渲染后的 HTML 代码，或直接复制源码使用

常见问题

支持哪些代码语言的语法高亮？

支持所有主流编程语言，包括 JavaScript、Python、Go、Rust、Java、SQL 等。在代码块开头指定语言标识即可（如 ```python）。

图片链接会实际加载吗？

会。预览区会尝试加载 ![](url) 中的图片 URL。如果图片需要认证或跨域限制，可能显示为空白。

与 GitHub 渲染结果完全一致吗？

高度一致但可能有细微差异。本工具使用 marked 库并开启 GFM 模式，覆盖了 GitHub 支持的绝大多数语法。少数 GitHub 专有扩展（如 Mermaid 图表）暂不支持。