HTML 到 Markdown 轉換器

貼上 HTML 並恢復乾淨的 Markdown — 非常適合將內容遷移到 Notion、Obsidian、GitHub README 或任何基於 Markdown 的系統。

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

該工具反轉了通常的流程:貼上渲染的 HTML(從網頁、電子郵件、RSS 匯出或 CMS),並返回乾淨的 Markdown,為基於 Markdown 的系統做好準備。內聯樣式、類別和大多數非內容屬性都會自動刪除。

將內容從僅所見即所得的 CMS(Wix、Squarespace、舊版 WordPress)遷移到 Markdown 優先系統(Notion、Obsidian、Hugo、GitHub Pages)時非常有用。輸出是保守的——當有疑問時,該工具會放棄格式而不是猜測。

標籤如何映射回 Markdown 語法

轉換器使用 DOM 解析器(通常是瀏覽器的內建解析器)解析輸入 HTML DOMParser 或純 JavaScript 實作)。它遞歸地遍歷產生的節點樹,將每個 HTML 元素對應到其 Markdown 等效項。塊級元素如 <h1> 成為 # 標題, <p> 變成帶有雙換行符的純文本,並且 <strong> 變成 **bold**。內聯樣式、類別屬性和非語意元素(例如, <span>)被剝離,除非它們帶有語義意義(例如 <em>)。此演算法遵循預先定義的規則集,涵蓋 HTML5 標籤和常見邊緣情況:嵌套清單、區塊引用、程式碼區塊和圖像。屬性如 href 和 src 被提取以形成 Markdown 連結和圖像。自關閉標籤如 <br> 轉換為兩個尾隨空格以換行。透過使用適當的空格處理連接 Markdown 片段來組裝輸出,以確保有效的 Markdown 結構。

如何將 HTML 轉換為 Markdown

  1. 將 HTML 原始碼貼到輸入文字區域。
  2. 點選“轉換為 Markdown”按鈕。
  3. 在輸出區域查看產生的 Markdown(它會立即更新)。
  4. 複製 Markdown 並將其貼上到您的目標系統(Notion、Obsidian、GitHub 等)中。

沒有 Markdown 等效項的表格、內聯樣式和標籤

嵌套列表
透過保留縮排和清單標記來正確轉換。
自閉合標籤
正確處理
,
, 並映射到 Markdown 語法。
內聯 CSS 和類
自動剝離;只有語意 HTML 元素會影響輸出。
未知或已棄用的標籤
被視為內聯元素,其內容保留為純文字。

將 CMS 帖子遷移到靜態站點

  • 對於表格,請確保您的 HTML 使用正確的 結構;此轉換器支援使用 Markdown 管道語法的簡單表格。
  • 如果您的 HTML 包含包含在
    , the output will use fenced code blocks with language auto-detection if a class like 'language-js' is present.
  • 轉換後使用「複製到剪貼簿」按鈕快速貼上到 Markdown 編輯器中。
  • 對於從所見即所得編輯器遷移的內容,請執行第二遍以清理任何剩餘的內聯樣式或空標籤。

有損與無損轉換-你會失去什麼

以下是與將 HTML 轉換為 Markdown 的兩種常見替代方案的比較。

這個工具Pandoc CLI手動尋找/替換
設定無需安裝,在瀏覽器中運行需要安裝 Pandoc (Haskell 依賴項)沒有軟體,但對於大文件來説極其乏味
準確度處理大多數 HTML5 標籤、語意和常見邊緣情況極其準確,支持多種輸入/輸出格式,但可能有點過頭了嵌套結構和屬性非常容易出錯
速度即時取得典型文檔在命令列上速度很快,但啟動工具的開銷較大除了微不足道的改變之外,任何事情都會很慢

為什麼往返 HTML 和 Markdown 很困難

Markdown 由 John Gruber 於 2004 年創建,是一種輕量級標記語言,可輕鬆閲讀和編寫純文字。 HTML 的前身自 20 世紀 90 年代初以來一直是 Web 內容的標準。隨著靜態網站產生器、筆記應用程式和文件平台採用 Markdown,出現了在兩者之間進行轉換的需求。該工具實現了受 Gruber 原始 Perl 腳本啟發的轉換邏輯,後來透過 CommonMark 等社羣驅動的規範進行了增強。

當您需要 HTML 以外的 Markdown 時

從 WYSIWYG CMS 遷移到 Notion 或 Obsidian

從 Wix / Squarespace / 舊的 WordPress 貼文中複製渲染的 HTML,將其貼到此處,Markdown 輸出就可以直接放入 Notion 或 Obsidian 中,無需手動清理。

從現有頁面建立靜態站點

Hugo、Jekyll 和 Eleventy 都運行在 Markdown 內容上。將現有網站的 HTML 頁面轉換為 Markdown 以加快重建速度。

清理電子郵件匯出

電子郵件用户端匯出帶有內嵌樣式和條件標籤的混亂 HTML。轉換為 Markdown 以取得內容。

捕獲網頁以做筆記

文章中的閲讀器模式 HTML 在轉換為 Markdown 後,將成為 Obsidian 或您的知識庫的乾淨閲讀文件。

文件移植

企業 wiki (Confluence) 中的內部文件 → Markdown,用於遷移到 GitBook、ReadMe 或文件即程式碼系統。

HTML 到 Markdown 問題

它會處理嵌套列表嗎?

單級列表可以乾淨地工作。嵌套清單可能會展平為單一層級。對於具有深層嵌套結構的文檔,請使用 夜牀服務 作為更複雜的替代方案。

類別和風格怎麼樣?

全部內聯 style= 和 class= 屬性被剝離-它們沒有 Markdown 等價物。如果您的內容取決於樣式(特定字體大小、顏色),則需要將其新增回目標系統。

它可以處理桌子嗎?

還沒有。表格轉換為純文字。對於 HTML 表,請使用其表格語法在目標系統中手動重建它們。

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

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

📋 嵌入字數計數器

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

即時預覽:

📋 將此 HTML 嵌入到 Markdown 轉換器

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

即時預覽:

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