🧰Locly

预览 Markdown 与 Mermaid 图表

支持 GFM 与 Mermaid 的实时 Markdown 预览

支持 GFM 与 ```mermaid 代码块。图表在本地渲染 — 不会上传。

工具简介

Markdown 预览提供左右分栏实时预览,支持 GitHub 风格 Markdown(GFM)。围栏 ```mermaid 代码块可渲染流程图、时序图等,使用浏览器内 Mermaid。可复制 HTML 或打印。全部在本地处理 — 草稿不会离开设备。

使用方法

  1. 在左侧粘贴或编写 Markdown
  2. 右侧查看实时预览
  3. 用 ```mermaid 添加图表
  4. 需要时复制 HTML 或打印
  5. 清除后重来

常见使用场景

  • 起草 README
  • 用 Mermaid 画架构图
  • 准备博客
  • 打印笔记
  • 发布前校验 GFM

常见问题(FAQ)

Q1: 支持 Mermaid 吗?

支持。把图源放进 ```mermaid 围栏代码块即可在本地渲染。

Q2: Markdown 会上传吗?

不会。解析与 Mermaid 渲染都在浏览器本地完成。

Q3: 使用哪种 Markdown?

通过 marked 使用 GitHub 风格 Markdown(GFM),含表格与换行。

Q4: Mermaid 渲染失败怎么办?

图表位置会显示友好错误,便于你修改语法。

Q5: 可以打印预览吗?

可以。使用「打印」获得面向打印的预览布局。

相关工具