Skip to main content
Mark Ku's Blog
回到開源作品

Mermaid 線上預覽

免費工具

在瀏覽器即時預覽 Mermaid，透過網址分享圖表內容。

作品畫面

Mermaid 線上預覽工具，左側編輯循序圖語法，右側即時呈現登入流程
實際操作截圖：編輯 Mermaid 原始碼，同步查看圖表，並可分享網址或匯出 SVG／PNG。點擊圖片可查看原尺寸

解決的問題

只想快速驗證或分享一張圖表，不需要建立帳號或後端儲存空間。

實作方向

  1. 01即時呈現輸入的 Mermaid 語法。
  2. 02以網址承載分享內容，不把圖表存到伺服器。
  3. 03提供可直接開啟的線上工具入口。