Moxie Docs 免費 Mermaid 圖表編輯器

Moxie Docs 免費 Mermaid 圖表編輯器

概覽

Moxie Docs 已推出一款免費的 Mermaid 圖表編輯器，讓開發者能使用 Mermaid.js 語法來建立技術圖表。此工具設計注重速度、隱私，並能無縫整合至文件工作流程，提供即時預覽與即時匯出功能，且不需要使用者帳號或安裝任何軟體。

主要功能

即時渲染與匯出

編輯器提供即時的即時預覽，左側螢幕的 Mermaid 語法變更會即時在右側更新渲染結果。使用者可以將圖表下載為高解析度 PNG 或乾淨的 SVG，適合嵌入 README、Notion、Confluence 與 Google Docs 中。

基於 URL 的協作

協作透過 URL 查詢參數處理。整個圖表的狀態直接編碼於 URL 中，使用者只要分享連結，即可讓其他人看到完全相同的圖表，無需伺服器端儲存或資料庫紀錄。

隱私與客戶端處理

所有圖表渲染與處理完全在使用者的瀏覽器內執行。圖表不會離開使用者的裝置，確保以隱私為先的方式，工具本身不會進行任何追蹤。

支援的圖表類型

編輯器使用最新的 Mermaid 渲染器，支援所有核心圖表類型，包括：

  • 流程圖與 C4 風格圖表：用於架構與系統設計，說明服務之間的連接。

  • 時序圖：用於 API 與資料流，繪製請求生命週期。

  • 時序圖：用於資料模型與資料庫結構，透過 ER 圖與類別圖呈現。

  • 甘特圖與心智圖：用於路線圖、時間線與上線流程。

  • 其他類型：包括圓餅圖、狀態圖與 gitGraph。

與 Moxie Docs 的整合

雖然編輯器是更大生態系的一部份，免費版編輯器仍可獨立使用。對於需要自動化文件的團隊，Moxie Docs 提供一項服務，可連接 GitHub 倉庫，從原始碼自動產生架構圖，並在每次合併時刷新，確保文件與程式碼變更同步更新。

摘要： Moxie Docs 提供一款免費、基於瀏覽器的 Mermaid 圖表編輯器，具備即時預覽、即時 SVG/PNG 匯出以及基於 URL 的分享功能，無需註冊帳號。

標題： Moxie Docs 免費 Mermaid 圖表編輯器

Sources