Markdown 轉換匯出 HTML 網頁步驟教學
您可以直接將正在編輯的檔案轉換為一個精美、閉合的單一檔案 .html 靜態頁面,並在任何裝置上隨時隨地查閱。
🌐 什麼是 HTML 匯出?它的優勢是什麼?
普通的 Markdown 檔案需要依賴特定的解析軟體才能被閱讀。如果您將其匯出為 HTML 靜態網頁:
- 零依賴、隨時按兩下開啟:產生的
.html頁面在任何手機、平板、電腦的瀏覽器上直接按兩下均可完美開啟,無需任何額外外掛程式。 - 靜態圖表持久保留:內建的 Mermaid 關係圖、Vega-Lite 統計圖和 KaTeX 公式都已在匯出前被解析編譯成了網頁內的靜態程式碼/SVG,哪怕離線狀態下也依舊可以完美呈現。
- 適合線上部署與分享:您可以直接將此 HTML 檔案上傳到您的伺服器、GitHub Pages 等靜態代管空間,快速作為產品文件、個人部落格、或說明書發布。
🚀 轉換匯出 HTML 的步驟
1
進入匯出主控台
在編輯器頂部的操作列右側點擊 「匯出檔案」 按鈕(如果在檔案庫清單上,可以懸停在該檔案上點擊右下角的 「匯出」圖示)。
2
選擇 HTML 網頁格式並匯出
在彈出的側邊欄面板中,點擊 「匯出 HTML 網頁 (.html)」 索引標籤。
3
產生並自動下載
編輯器會在後台啟用
MarkdownToHtml 引擎,自動載入 GitHub Light 經典渲染主題、Prism 程式碼語法高亮以及 KaTeX 數學字型,並開始並行渲染 Mermaid 圖表。處理完成後,瀏覽器將自動開始下載名為 [原檔案名稱]_it365.janqi.com__.html 的自閉合網頁檔案。
💡 提示與設計細節
- 匯出的 HTML 預設採用優雅的 GitHub 極簡風格進行展示,對於長檔案自帶良好的可讀性。
- 圖表會採用高清無損的 SVG 圖像元素直接內嵌在 HTML 檔案中,因此放大和縮小時圖表不會模糊失真。