Markdown Preview
貼上 Markdown,立即在瀏覽器中預覽(md 轉 HTML)。
轉換只會在此瀏覽器中執行。輸入不會傳送到伺服器,也不會被儲存。
Local conversion
No upload
No storage
md 轉 HTML(瀏覽器內即時完成)
- 左側面板輸入 Markdown,右側面板查看渲染預覽。
- 可隨時切換到 HTML 分頁,檢視產生出的 HTML 原始碼。
- 當即時預覽為關閉時,可用 Ctrl/Cmd + Enter 更新。
支援的 Markdown(GFM 子集)與 GitHub 差異
支援項目
- Headings, paragraphs, emphasis, links, images
- 項目符號清單與編號清單
- 引用區塊與圍欄程式碼區塊
- 表格與任務清單
- 刪除線
Not supported (initial)
- Math (LaTeX)
- Mermaid
- 與 GitHub 擴充與 CSS 完全一致
輸出目標是盡量接近 GitHub 的渲染效果,但不保證完全一致。
How to use
- 將 Markdown 貼到輸入面板。
- 在預覽分頁確認渲染結果。
- 需要時複製或下載產生出的 HTML。
範例
README-like snippet
輸入: Heading + table + code + task list
輸出: 以渲染後的 HTML 預覽確認結構
Blog HTML export
輸入: 含清單與連結的簡單筆記
輸出: 可直接複製或下載的格式化 HTML
常見問題
這和 GitHub 的渲染完全一樣嗎?
很難做到完全一致。此工具明確支援穩定的 GFM 子集,因此 GitHub 特有的擴充與 CSS 可能會不同。
支援數學公式與 Mermaid 嗎?
初版尚未支援。之後可能依需求作為可選功能加入。
我的輸入會被儲存嗎?
不會。轉換只會在瀏覽器本機執行,輸入不會傳送到伺服器。
匯出的 HTML 可以直接貼到部落格服務嗎?
通常可以,但有些服務會限制 HTML 標籤。請遵循目標服務的規則。
注意事項
- 重新整理或關閉頁面後,輸入內容會消失。若有需要請先下載 HTML。
- 即使允許 HTML,系統仍會為安全性套用淨化處理。
- 對於非常長的輸入,系統會節流即時更新,以保持介面順暢。