HTML轉Markdown轉換器

歡迎使用我們的 HTML 到 Markdown 轉換器，這是一個免費的在線工具，可將 HTML 標記轉換為乾淨、易讀的 Markdown 語法。無論您是將內容從 CMS 遷移到靜態網站、編寫文檔、準備 README 文件，還是為 GitHub 或 Jekyll 等平台準備博客文章，此轉換器都能精確處理標題、鏈接、圖片、表格、代碼塊、列表等內容。

什麼是 Markdown？

Markdown 是由 John Gruber 在 2004 年創建的一种輕量級標記語言。它使用簡單的純文字格式約定，如 # 標題、**加粗**、- 列表項 和 [鏈接](url)，來創建結構化文檔，這些文檔在原始形式下易於閱讀，並且可以轉換為 HTML 進行網頁顯示。Markdown 是 README 文件、開發者文檔、博客、論壇和筆記應用程序的標準格式。

為什麼要將 HTML 轉換為 Markdown？

1. 內容遷移

將內容從 WordPress、Drupal 或其他基於 HTML 的 CMS 平台移動到 Jekyll、Hugo 或 Gatsby 等靜態站點生成器時，需要將 HTML 轉換為 Markdown。此工具可自動執行該過程。

2. 文檔編寫

GitHub、GitLab 和 Bitbucket 上的開發者文檔使用 Markdown。將現有的 HTML 文檔轉換為 Markdown 使其更易於維護、進行版本控制和協作。

3. 可讀性

Markdown 在原始形式下比 HTML 更具可讀性。將 HTML 轉換為 Markdown 使人類更容易掃描、編輯和審閱內容，而無需處理尖括號和閉合標籤。

4. 便攜性

Markdown 文件可在數百個平台和工具中運行。通過將 HTML 轉換為 Markdown，您的內容將變得具有便攜性且面向未來。

支援的 HTML 元素

如何使用此工具

1. 粘貼您的 HTML： 將您要轉換的 HTML 內容複製並粘貼到左側的輸入編輯器中。您也可以點擊快速示例來查看其工作原理。
2. 配置選項： 選擇您喜歡的標題樣式（ATX 或 Setext）、列表標記（- 或 *）和代碼圍欄樣式（反括號或波浪號）。
3. 查看 Markdown 輸出： 轉換後的 Markdown 會在您鍵入時立即出現在右側面板中。
4. 複製或下載： 點擊“複製”將 Markdown 複製到剪貼簿，或點擊“下載”將其保存為 .md 文件。您還可以切換即時預覽以查看 Markdown 的渲染效果。

鏈接樣式選項

行內（預設）

行內樣式將鏈接地址直接放在鏈接文字旁邊，格式為 [文字](url)。如果 HTML 中存在鏈接標題，則會在地址後用引號保留。

參考

參考樣式將鏈接文字寫成 [文字][1]，並將每個地址收集在 Markdown 輸出末尾的編號列表中，格式為 [1]: url。這樣可以避免長網址出現在正文中，適合較長的文章。

標題樣式選項

ATX 樣式（預設）

ATX 樣式在標題文字前使用井號 (#)。它支援所有六個標題級別，是現代 Markdown 中使用最廣泛的樣式：

# 標題 1 | ## 標題 2 | ### 標題 3

壓縮率的計算方式

壓縮率比較的是 Markdown 輸出與 HTML 輸入的長度，兩者均以字元數計算。計算公式為 100% 減去（Markdown 字元數除以 HTML 字元數），並四捨五入到最接近的整數百分比。例如，若 HTML 為 1,000 個字元、Markdown 為 600 個字元，則壓縮率顯示為 40%。數值越高表示 Markdown 比 HTML 越短；若為負數，則表示 Markdown 比 HTML 更長。

Setext 樣式

Setext 樣式在標題文字下方使用下劃線。它僅支援 h1 和 h2（h3-h6 回退到 ATX）。一些作者更喜歡將其用於頂級標題，因為它在原始 Markdown 中具有視覺強調效果。

常見用例

CMS 遷移

將博客內容從 WordPress、Ghost 或 Squarespace 遷移到基於 Markdown 的平台，如 Hugo、Jekyll、Gatsby 或 Next.js。粘貼 HTML 源代碼並獲取可用於新網站的乾淨 Markdown。

GitHub README 文件

將 HTML 文檔或設計模型轉換為 GitHub 倉庫的 Markdown。此轉換器支援 GitHub Flavored Markdown 所支援的表格、代碼塊和嵌套列表。

電子郵件轉文檔

將 HTML 電子郵件內容或網頁內容轉換為 Markdown 格式，用於內部文檔維基或知識庫。

記筆記

將網頁內容轉換為適用於 Obsidian、Notion、Bear 或 Typora 等應用程序的 Markdown。Markdown 筆記具有便攜性且面向未來。

獲得最佳效果的技巧

先清理 HTML

為了獲得最佳效果，請使用不帶過度內聯樣式的乾淨 HTML。轉換器側重於語義化 HTML 結構，因此刪除不必要的 style 和 class 屬性會產生更簡潔的輸出。

檢查表格對齊

具有合併單元格 (colspan/rowspan) 的複雜 HTML 表格可能無法完美轉換，因為 Markdown 表格不支援單元格跨度。簡單表格轉換非常準確。

嵌套列表

轉換器可以正確處理具有正確縮進的嵌套列表。如果您的 HTML 具有深度嵌套的列表，請檢查輸出以確保嵌套符合您的預期。

常見問題解答

什麼是 HTML 到 Markdown 轉換器？

HTML 到 Markdown 轉換器是一個在線工具，可將 HTML 標記轉換為等效的 Markdown 語法。它將標題、加粗、斜體、鏈接、圖片、列表、表格和代碼塊等 HTML 標籤轉換為對應的 Markdown 形式，生成乾淨且易讀的純文字格式內容。

使用此轉換器時，我的 HTML 內容安全嗎？

是的，完全安全。所有 HTML 到 Markdown 的轉換完全在您的瀏覽器中使用客戶端 JavaScript 完成。您的內容絕不會被發送到任何伺服器、存儲或傳輸。您的 HTML 保持完全私密。

此轉換器支援哪些 HTML 元素？

此轉換器支援所有常見的 HTML 元素，包括標題 (h1-h6)、段落、加粗、斜體、刪除線、鏈接、圖片、有序和無序列表、嵌套列表、表格、代碼塊、行內代碼、塊引用、水平分割線、換行符和預格式化文字。

ATX 和 Setext 標題樣式有什麼區別？

ATX 樣式在標題文字前使用井號（例如 ## 標題 2），而 Setext 樣式在標題文字下方使用下划線（例如 h2 使用一行虛線）。ATX 支援所有六個標題級別 (h1-h6)，而 Setext 僅支援 h1 和 h2。ATX 在現代 Markdown 中更常用。

我可以將 HTML 表格轉換為 Markdown 嗎？

可以。此轉換器支援 HTML 表格，並使用管道和虛線將其轉換為具有正確列對齊的 GitHub Flavored Markdown (GFM) 表格語法。它能正確處理 thead、tbody、th 和 td 元素。

其他資源

• GitHub Flavored Markdown 指南