Markdown 轉換 PNG/JPG 圖片步驟教學

輕鬆將排版精美的 Markdown 文字及數學公式一鍵匯出為高清 PNG / JPG 格式,方便用於多平台分享。

🖼️ 匯出格式選擇:PNG 還是 JPG?

本編輯器支援兩種常用的圖形匯出格式,您可以根據以下場景進行選擇:

🚀 一鍵轉換匯出圖片的步驟

1 確認排版已全部渲染
由於螢幕截圖引擎需要讀取目前瀏覽器視窗中的 DOM 渲染資料,在點擊匯出前,建議在編輯器中快速由上至下捲動一遍,確保複雜的 Mermaid 圖表和公式均已渲染完畢。
2 進入匯出欄並選擇格式
點擊右上角操作列的 「匯出檔案」 按鈕,根據您的需要,在彈出的面板中點擊 「匯出 PNG 圖片 (.png)」「匯出 JPG 圖片 (.jpg)」
3 圖片自動合成與下載
系統會彈出一個「匯出圖片」對話方塊並顯示廣告。底層的 html-to-image 引擎會開始對編輯器可視區域進行無縫像素合成。約 1.5 秒後,瀏覽器會自動下載產生的超清圖片,檔案名稱為 [原檔案名稱]_it365.janqi.com__[圖片格式]

🎨 匯出圖片背景顏色跟隨技巧

匯出的圖片背景色會自動對齊您目前所用的編輯器主題:
  • 如果您在使用 「暗黑模式」,匯出的圖片將呈酷炫的深藍色背景。
  • 如果需要經典的 「純白背景」,只需在匯出前將編輯器切換為 「淺色模式」 即可。