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

  1. 將 Markdown 貼到輸入面板。
  2. 在預覽分頁確認渲染結果。
  3. 需要時複製或下載產生出的 HTML。

範例

README-like snippet

輸入: Heading + table + code + task list

輸出: 以渲染後的 HTML 預覽確認結構

Blog HTML export

輸入: 含清單與連結的簡單筆記

輸出: 可直接複製或下載的格式化 HTML

常見問題

這和 GitHub 的渲染完全一樣嗎?

很難做到完全一致。此工具明確支援穩定的 GFM 子集,因此 GitHub 特有的擴充與 CSS 可能會不同。

支援數學公式與 Mermaid 嗎?

初版尚未支援。之後可能依需求作為可選功能加入。

我的輸入會被儲存嗎?

不會。轉換只會在瀏覽器本機執行,輸入不會傳送到伺服器。

匯出的 HTML 可以直接貼到部落格服務嗎?

通常可以,但有些服務會限制 HTML 標籤。請遵循目標服務的規則。

注意事項

  • 重新整理或關閉頁面後,輸入內容會消失。若有需要請先下載 HTML。
  • 即使允許 HTML,系統仍會為安全性套用淨化處理。
  • 對於非常長的輸入,系統會節流即時更新,以保持介面順暢。