Moxie Docs 免费 Mermaid 图表编辑器

概述

Moxie Docs 发布了一款免费的 Mermaid 图表编辑器，允许开发者使用 Mermaid.js 语法创建技术图表。该工具旨在实现快速、隐私且无缝集成到文档工作流中，提供实时预览和即时导出选项，且无需用户账号或安装。

核心功能

实时渲染与导出

编辑器提供即时实时预览，屏幕左侧对 Mermaid 语法的更改会实时更新右侧的渲染结果。用户可以将图表下载为高分辨率 PNG 或简洁的 SVG，使其非常适合集成到 READMEs、Notion、Confluence 和 Google Docs 中。

基于 URL 的协作

协作通过 URL 查询参数进行处理。图表的完整状态直接编码到 URL 中，允许用户分享链接，使他人能够看到完全相同的图表，而无需服务器端存储或数据库记录。

隐私与客户端处理

所有图表渲染过程完全在用户的浏览器中运行。图表不会离开用户的设备，确保了隐私优先的方法，且工具本身没有任何追踪。

支持的图表类型

编辑器利用最新的 Mermaid 渲染器来支持所有核心图表类型，包括：

• 流程图和 C4 风格图表：用于架构和系统设计，以解释服务连接。

• Sequence Diagrams：用于 API 和数据流，以映射请求生命周期。

• Sequence Diagrams：通过 ER 图和类图展示数据模型和数据库模式。

• Gantt Charts and Mindmaps：用于路线图、时间线和入职流程。

• 其他类型：包括饼图、状态图和 gitGraph。

与 Moxie Docs 集成

虽然编辑器是更大生态系统的一部分，但这款免费编辑器保持独立运行。对于需要自动化文档的团队，Moxie Docs 提供了一项服务，该服务可以连接到 GitHub 仓库，从源代码自动生成架构图并随每次合并进行刷新，从而确保文档与代码库变更保持同步。