DiagramPreview
GFMMermaid 代码块复制 HTML

Markdown Preview

预览技术 Markdown,并直接渲染文档中的 Mermaid fenced code block。

示例
渲染文档就绪
你的 Markdown 预览会显示在这里。

使用方法

  1. 1把 Markdown 粘贴到编辑器。
  2. 2需要图表时加入 Mermaid fenced block。
  3. 3复制 HTML 或导出渲染结果。

常见场景

README 预览技术文档AI 生成 Markdown 复核

常见问题

Markdown 里的 Mermaid 可以渲染吗?

可以,标记为 mermaid 的 fenced code block 会转换成 SVG 图表。

可以复制生成的 HTML 吗?

可以,预览渲染后使用工具栏的复制操作。

Markdown Preview 面向图文混排的技术内容,让作者在发布到仓库或文档站前检查标题、列表、代码块和 Mermaid 图表。

预览支持 GitHub 风格 Markdown,并将 Mermaid fenced block 渲染成 SVG,非常适合 README、架构决策记录和产品规格。

当你需要把渲染内容移动到其它写作或评审流程中时,可以使用复制和导出操作。