📐 數學公式與 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] 了解如何將筆記組織為多章節系統書籍: