📐 數學公式與 Mermaid 交互圖表
FlashNote 為工程技術人員量身打造了全套圖表與學術排版支援,支援 KaTeX LaTeX 毫秒級渲染與獨家 Mermaid 交互套件。
1. KaTeX 數學公式渲染
FlashNote 內建 KaTeX 高性能渲染引擎,支援複雜的數學與物理公式:
- 行內公式:使用單個美元符號包裹,如
$E = mc^2$或$\sigma(Wx + b)$,游標移出即刻渲染; - 塊級公式:輸入
$$後回車,或點擊編輯器工具列的公式圖標; - 公式符號鍵盤:喚起公式彈窗時,底部提供常用希臘字母、微積分符號、矩陣與箭頭快捷插入。
$$
f(x) = \frac{1}{\sqrt{2\pi\sigma^2}} e^{-\frac{(x-\mu)^2}{2\sigma^2}}
$$
2. Mermaid 圖表全功能套件
在代碼塊中選擇 mermaid 語言,輸入標準 Mermaid 腳本,即可即時呈現交互圖表:
- 支援圖表類型:流程圖 (Flowchart)、時序圖 (Sequence)、類別圖 (Class)、狀態圖 (State)、甘特圖 (Gantt)、ER 實體圖與 Git 提交分支圖;
- 畫布自由抓取平移:滑鼠游標懸停於圖表上將切換為小手游標,按住左鍵可自由拖動畫布;
- 雙擊居中復位:無論將畫布拖動至何處或縮放至何種比例,雙擊畫布任意空白區域,一秒恢復居中視圖;
- 全螢幕沉浸燈箱 (Lightbox):點擊圖表右上角的放大鏡圖標,即可進入全螢幕沉浸式大圖模式,支援 30%~350% 無級縮放;
- 高清 Retina / SVG 導出:點擊右上角導出圖標,可一鍵將圖表保存為向量 SVG 或帶純白底色與呼吸邊距的 2x 視網膜高清 PNG;
- 防崩潰智慧淨化 (Mermaid Sanitizer):內建語法消毒引擎,自動對節點標籤中的未閉合括號、特殊符號與關鍵字進行轉義容錯,徹底消除因腳本拼寫失誤引起的整頁渲染白屏崩潰。
[!TIP] 了解如何將筆記組織為多章節系統書籍:
- 📚 書籍專欄與歸檔。
