Mermaid 圖表渲染
自動將 Mermaid 代碼渲染為可視化圖表。
功能介紹
當 Gemini 輸出 Mermaid 代碼塊時（如流程圖、時序圖、甘特圖等），Voyager 會自動檢測並渲染為交互式圖表。
主要特性
- 自動檢測：支持
graph、flowchart、sequenceDiagram、gantt、pie、classDiagram等所有主流 Mermaid 圖表類型 - 一鍵切換：通過按鈕在渲染圖表和原始碼之間自由切換
- 全屏查看：點擊圖表進入全屏模式，支持滾輪縮放和拖拽平移
- 深色模式：自動適配頁面主題
使用方法
- 讓 Gemini 生成任意 Mermaid 圖表代碼
- 代碼塊會自動替換為渲染後的圖表
- 點擊 </> Code 按鈕查看原始代碼
- 點擊 📊 Diagram 按鈕切回圖表視圖
- 點擊圖表區域進入全屏查看
全屏模式操作
- 滾輪：縮放圖表
- 拖拽：移動圖表位置
- +/-：工具欄縮放按鈕
- ⊙：重置視圖
- ✕ / ESC：關閉全屏
