將 LaTeX 公式嵌入簡報與部落格
要把排版好的公式放進簡報或部落格,通常需要幾個步驟:先在某個地方渲染 LaTeX,再把結果以圖片形式插入。可行的方法很多——專門的 LaTeX 轉圖服務、部落格範本裡嵌入 MathJax、或是直接從 Overleaf 截圖——適合哪一種取決於你使用的平台。
drawtonomy 是其中一個免安裝、免帳號、完全免費的選擇。Math 工具以 KaTeX 渲染 LaTeX,支援重新上色與調整大小,並能匯出帶透明背景的 PNG 或 SVG——一切都在瀏覽器內完成,不需要任何帳號。

Math 工具實際操作畫面——上方輸入 LaTeX,下方顯示 KaTeX 即時預覽,右側面板可調整顏色與大小。
兩分鐘完成整個流程
Section titled “兩分鐘完成整個流程”-
開啟 drawtonomy.com。
-
點選底部工具列的 fx 圖示(或按 /)。

-
點選畫布,輸入 LaTeX,下方即時顯示渲染結果。

-
按 Esc,選取公式後,在右側面板設定顏色與大小。

-
選單 → Export → PNG(或 SVG),儲存檔案。
-
將檔案拖曳到簡報或部落格文章中。
完成。無需安裝、無需帳號、無需 LaTeX 工具鏈。
各平台適合的格式
Section titled “各平台適合的格式”| 目標平台 | 建議格式 | 原因 |
|---|---|---|
| Google Slides | PNG | SVG 支援不完整;PNG 在任何環境下呈現一致。 |
| Keynote | SVG(或 PNG) | Keynote 支援 SVG;縮放時向量仍保持清晰。 |
| PowerPoint | PNG(Microsoft 365 可用 SVG) | 較舊版本的 PowerPoint 不支援 SVG。 |
| Notion | PNG | Notion 的圖片嵌入僅支援點陣格式。 |
| Medium | PNG | Medium 會大幅壓縮 SVG。 |
| Substack | PNG | Substack 文章只接受點陣格式上傳。 |
| Ghost / WordPress | SVG | 兩者皆原生支援 SVG 渲染。 |
| Discord / Slack | PNG | 聊天應用程式對 SVG 的處理方式不一致。 |
若不確定該選哪種,帶透明背景的 PNG 在所有平台都通用。SVG 更清晰,但整合起來相對麻煩。
配合簡報主題調色
Section titled “配合簡報主題調色”預設顏色為黑色,適合白色背景的投影片。如果你的簡報是深色主題,點選 Color 面板選擇白色或品牌強調色,公式會立即重新渲染。
每次顏色變更都是獨立的 undo 步驟,可以放心反覆嘗試。
drawtonomy 與其他工具的定位
Section titled “drawtonomy 與其他工具的定位”以下幾種方式在各自適合的情境下都很好用——選哪一種主要取決於你願意投入多少設定時間,以及輸出內容要放到哪裡。
- LaTeX 轉圖網路服務(如 CodeCogs、QuickLaTeX)在一次性公式需求上反應快、輸出品質好。有些工具適合長期使用;也有些會隨時間調整功能或介面,使用前值得確認當前狀況。
- 在部落格中嵌入 MathJax 能讓公式原始碼保留在文章裡,如果平台支援,這是理想方案。各託管平台在主題自訂上的彈性有所不同。
- 從 Overleaf 截圖 是個快速方法,特別是 LaTeX 已經寫好的情況下;輸出品質取決於你截圖時設定的 DPI。
- 手動輸入 Unicode(
x² + y² = r²)在公式簡單、不需要分數或積分的情況下最方便。
drawtonomy 以向量格式渲染公式,匯出乾淨,且原始碼儲存在 .drawtonomy.svg 中,日後需要修改隨時可以重新編輯。
不只是單一公式
Section titled “不只是單一公式”Math 工具建構在一個無限畫布上。如果你要製作「三個公式並排、中間插入圖表」這樣的投影片,可以直接在 drawtonomy 裡排版整張投影片,然後一次匯出為單一圖片——不用再和簡報工具的版面格線對抗。