Markdown 到 HTML 轉換器

貼上上面的 Markdown 並立即獲得乾淨的 HTML。標題、粗體/斜體、連結、列表、區塊引用、內聯代碼和程式碼區塊都受支援。

範例: # Hello **bold** → <h1>Hello</h1> <p><strong>bold</strong></p>

Markdown 是使用最廣泛的輕量級標記語言 - 用於 GitHub、Reddit、Discord、Notion、Slack、從 Ghost 到 Hashnode 的每個博客平台以及幾乎所有 README 文件。它是帶有簡單符號的純文字(**bold**, # Heading, [link](url)) 映射到 HTML 結構。

此轉換器處理標準 CommonMark 元素:標題 (1–6)、粗體、斜體、內聯程式碼、程式碼區塊、連結、圖像、有序和無序列表、區塊引用和水平規則。輸出是乾淨的語意 HTML,您可以直接貼上到任何 CMS、部落格編輯器或 HTML 電子郵件中。

支援哪種 Markdown 語法

該轉換器實現了 通用標誌 規格(參見 規格 0.31.1) 用於解析 Markdown。它使用狀態機對輸入進行標記,該狀態機識別區塊級元素(標題、程式碼圍欄、區塊引用、清單)和內聯範圍(粗體、斜體、連結、圖像、程式碼)。每個標記都會對應到對應的 HTML 元素: # 變成 <h1>, **bold** 變成 <strong>。此工具處理 UTF-8 編碼文本,保留非 ASCII 字元。它還支援程式碼範圍內的 HTML 實體編碼以防止注入。輸出是一個格式良好的 HTML 片段(沒有 <!DOCTYPE>),對原始 HTML 和特殊字元進行適當的嵌套和轉義處理,例如 <, >, &.

如何將 Markdown 轉換為 HTML

  1. 將 Markdown 貼上或鍵入到輸入文字區域。
  2. 點選“轉換”按鈕來解析 Markdown。
  3. 在輸出區域查看產生的 HTML。
  4. 使用複製按鈕或手動複製 HTML 程式碼。

原始碼中的原始 HTML、嵌套列表和硬中斷

Markdown 中的原始 HTML
內嵌 HTML(例如,
) 在允許的情況下通過;該工具根據 CommonMark 的可選 HTML 傳遞保留原始 HTML 標籤。
嵌套代碼圍欄
列表項目內的程式碼區塊被正確解析;四空格縮排也被辨識為代碼。
段落中的換行符
段落內的單一換行符號變成空格;兩個換行符號建立一個新段落;行尾的反斜線強制軟中斷。
空輸入
傳回空字串;不會為空白文字產生 HTML。

將乾淨的 HTML 貼到 CMS 編輯器中

  • 在段落之間使用空白行以避免意外的內聯文字合併。
  • 使用反斜線轉義特殊字元(例如 \* 星號)以防止格式化。
  • 對於內聯程式碼,使用單反引號;對於多行程式碼,請使用三個反引號和可選的語言識別碼。
  • 圖像使用與連結相同的語法,但帶有前導感嘆號:![alt](url)。

CommonMark 與 GitHub 風格的 Markdown

將此線上 Markdown 到 HTML 轉換器與常見替代方案進行比較。

這個工具GitHub Markdown 預覽Pandoc CLI
速度即時客户端轉換需要刷新瀏覽器命令列延遲
客製化單一輸出格式 (HTML)僅限 GitHub 風格的 Markdown支援多種輸出格式,可自訂模板
離線使用基於網絡,需要互聯網需要 GitHub 儲存庫命令列工具完全離線工作
程式碼安全在程式碼區塊中轉義 HTML保留安全的 HTML除非經過過濾,否則原始 HTML 直通

Markdown 的設計目標:以純文字形式可讀

Markdown 由 John Gruber(由 Aaron Swartz 貢獻)於 2004 年發明,是一種易於以純文字形式讀寫的輕量級標記語言。主要靈感來自純文字標記電子郵件格式的現有約定。 Gruber 發布了一個基於 Perl 的參考實作。隨著時間的推移,出現了許多方言(GitHub Flavored Markdown、MultiMarkdown 等)。 2014 年,CommonMark 計畫啟動,旨在標準化 Markdown,形成正式的規範和測試套件。如今,Markdown 在軟體開發、部落格和文件工具中無處不在。

當您需要 Markdown 以外的 HTML 時

將 GitHub README 內容貼到網站中

用 Markdown 寫你的專題自述文件?將其貼上到此處,複製 HTML,然後將其放入您的 CMS 中。即時內容重複使用。

從 Markdown CMS 遷移到 HTML CMS

從 Notion / Ghost / Hashnode (Markdown) 遷移到 WordPress / Squarespace (HTML)?批量轉換帖子正文 - 該工具可處理高達約 100KB 的帖子而不會減慢速度。

HTML 電子郵件撰寫

用 Markdown 寫電子郵件(更快),然後轉換為電子郵件用户端的 HTML。輸出是簡單的、可存取的 HTML,呈現一致。

文件匯出

儲存為 Markdown 的內部 wiki 頁面可以匯出到公共 HTML 網站。在這裡轉換並複製。

即時預覽/教育

向學生或新貢獻者展示他們的 Markdown 生成的確切 HTML——這是理解兩種格式之間關係的有力幫助。

Markdown 到 HTML 問題

支持表格嗎?

還沒有——表支援需要更複雜的解析器。對於 Markdown 表,請使用 CommonMark 或 GitHub Flavored Markdown 處理器(大多數 CMS 都附帶一個)。這裡支援其他所有內容(標題、列表、連結、程式碼、區塊引用、圖像)。

輸出貼到 CMS 中是否安全?

是 - 輸出使用標準 HTML5 標籤。該工具還可以逃避任何原始的 <, >, 和 & 在您的輸入中,因此當您不希望時,任何內容都不會被解釋為 HTML。

它可以處理 Markdown 中的內嵌 HTML 嗎?

它轉義內聯 HTML,而不是傳遞它。如果你寫 <br> 在你的 Markdown 中,轉換器將會輸出 &lt;br&gt; 作為可見文字。大多數使用者都希望這種更安全的行為;進階使用者應該使用完整的 Markdown 處理器。

將我們的工具嵌入您的網站

對任何網站免費。沒有註冊。 iframe 從我們的伺服器載入並自動保持最新狀態。

📋 嵌入字數計數器

複製此片段(自動調整大小,複製按鈕有效):

即時預覽:

📋 嵌入此 Markdown 到 HTML 轉換器

複製此片段(自動調整大小,複製按鈕有效):

即時預覽:

想要更多選擇嗎? 所有嵌入式工具 →