关于 Mermaid Viewer
谁在运营这个站点,以及它为什么存在。
这是什么
Mermaid Viewer 是一个免费的 Mermaid 图表编辑器,完全在浏览器里运行。你在左侧编写或粘贴 Mermaid 文本,右侧会随着你的输入实时渲染出图表。
渲染发生在你的浏览器里。你的图表不会被上传、不会被存储,也不会在服务器上处理——Mermaid 以 JavaScript 的形式运行在你自己的机器上,拖进来的文件也是在本地读取的。正因如此,它适合那些你不会粘贴到云端工具里的图:内部架构、标签里带客户名称的系统,以及任何受保密协议约束的内容。
有一点我宁可说清楚也不想藏着:如果你启用分享链接,图表会被编码进 URL 本身,而你发给别人的 URL 是要走网络的。除此之外的一切都留在你自己的机器上。
它为什么存在
我需要记录软件架构,并且希望这些图表待在代码仓库里、紧挨着代码,而不是待在另一个绘图工具里。Mermaid 显然是最合适的格式。我缺的是一个好用的查看方式。
我并没有先去找工具。我看了看这个问题,判断它不大,估摸着自己能在很短的时间里做出一个干净的东西。于是我就做了——这个项目的第一个提交是 2026 年 1 月。
我是为自己做的,仅此而已。我想打开一个图、看到它被渲染出来、放大我关心的那一块,然后给别人发个链接。其他人是后来才发现它的,这改变了我把时间花在哪里,但没有改变这个工具本身是什么。
它如何运作
渲染由 Mermaid 完成。这个站点是围绕它的一切:带即时预览的实时编辑器、面对一屏放不下的大图时的缩放与拖动、三套主题、SVG 与 PNG 导出、把内容编码进 URL 的分享链接、对 .mmd 和 .mermaid 文件的拖放支持,以及 18 种语言的界面。
使用是免费的,靠不打扰人的广告来支撑。
联系
问题和缺陷反馈请发到 dominik@malsch.solutions。运营者信息在 法律声明。
作者:Dominik Malsch · 最后更新: