Markdown 轉換器

輸入時即時將 Markdown 轉成 HTML,也能把 HTML 轉回 Markdown,支援標題、清單、連結、圖片與程式碼區塊。可選擇 GitHub、Minimal、Classic 或 Modern 樣式,用即時預覽確認後,再複製或下載結果。

輸入或貼上文字,或將檔案拖放到這裡。轉換方向請在設定中選擇。

輸入或貼上 Markdown,或開啟 .md 檔案。HTML 會隨著輸入顯示。

輸出 html

轉換結果會隨著輸入顯示在這裡。

使用方法

  1. 輸入或貼上 Markdown,或開啟 .md 檔案
  2. 在設定中選擇轉換方向(Markdown → HTML 或 HTML → Markdown),或按「切換方向」把結果變成新的輸入
  3. 在設定中選擇主題
  4. 在預覽或程式碼中檢查結果,再複製或下載
  5. 完整的雙向轉換,可將Markdown轉為HTML,也可將HTML轉為Markdown
  6. 提供GitHub、Minimal、Classic和Modern等多種樣式主題供選擇
  7. 在您輸入或編輯內容時提供即時的即時轉換預覽
  8. 顯示輸入與結果的字元數
  9. 針對行動裝置優化的響應式設計,可調整字型大小
  10. 提供額外功能以改善您的內容轉換工作流程

實用技巧

  • GitHub 主題適合大多數 Markdown 文件
  • 用預覽查看實際呈現效果,用程式碼查看確切的標記
  • 按「載入範例」即可看到 Markdown 範例
  • 產生的 HTML 會跟隨網站的淺色或深色模式;若要複製給白底頁面使用,請先切換為淺色模式

在 Markdown 與 HTML 之間互相轉換

這個轉換器的用途

Markdown 是以純文字書寫的標記語法,HTML 則是瀏覽器實際呈現的標記。這項工具讓內容在兩者之間雙向轉換。貼上 Markdown,就能得到已內嵌樣式的 HTML;貼上 HTML,工具會順著標籤還原成乾淨的 Markdown。整個過程都由內建的剖析器處理,因此不必架設建置流程,也不用安裝任何函式庫,就能直接轉換 README、文章草稿或文件片段。

什麼時候用

當你用 Markdown 寫的筆記得放進只認得 HTML 的地方 — CMS 欄位、電子郵件範本、頁面的某個區塊 — 又不想手動敲標籤時,它就派得上用場。反方向則適合你接手了一份 HTML,卻想繼續以 Markdown 來編輯的情況。四種主題(GitHub、Minimal、Classic、Modern)讓你先大致預覽成品樣貌,複製前挑一個調性。即時預覽與原始碼檢視在輸出標頭中一鍵即可切換,版面呈現和實際標記都能核對。這件事旁邊通常還跟著兩樁雜務:標題要統一大小寫寫法時,交給文字大小寫轉換器處理;接手的標記若有重複出現、需要清掉的樣式,先在Regex 測試器把式子試準了再套,清理起來會快得多。

實際範例

輸入 `# 版本說明`,轉換器就會產生一個 `<h1>` 標題。用兩個星號包住的 `**已發布**` 會變成 `<strong>已發布</strong>`;以三個反引號開頭的區塊會轉成一組 `<pre><code>`,並把語言名稱記錄成類別。清單、以 `[顯示文字](url)` 形式寫的連結、圖片、引用,以及 `---` 水平線,也都對應到各自的 HTML。反向轉換時,每個 `<h1>` 會變回 `#`、每個 `<strong>` 會變回 `**`,結構在來回之間依然保持不變。

注意事項與特例

剖析器涵蓋的是你平常手寫的 Markdown — 標題、強調、行內程式碼與程式碼區塊、連結、圖片、清單、引用、水平線 — 而非所有擴充語法。Markdown 表格不會被解讀,用直線畫的表格會原封不動地留成純文字;若文件需要表格,請直接以 HTML 撰寫。樣式是以行內 `style` 屬性套在每個元素上,而不是另外一份樣式表,正因如此,把輸出貼進會濾掉 `<style>` 區塊的電子郵件或 CMS 欄位,外觀也能維持。此外,每種主題都會依頁面自動準備淺色與深色兩種版本。

常見問題

是的。Markdown 轉 HTML、HTML 轉 Markdown 的雙向轉換,加上四種主題、即時預覽與檔案下載,都能使用,且沒有字數上限。無論是一行片段還是一整份 README,想轉幾次都可以。沒有任何功能被鎖在付費方案或使用次數計數器後面。