HTML 到 Markdown 轉換器
貼上 HTML 並恢復乾淨的 Markdown — 非常適合將內容遷移到 Notion、Obsidian、GitHub README 或任何基於 Markdown 的系統。
<h1>Hello</h1><p><strong>bold</strong></p> → # Hello
**bold**
貼上 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)時非常有用。輸出是保守的——當有疑問時,該工具會放棄格式而不是猜測。
轉換器使用 DOM 解析器(通常是瀏覽器的內建解析器)解析輸入 HTML DOMParser 或純 JavaScript 實作)。它遞歸地遍歷產生的節點樹,將每個 HTML 元素對應到其 Markdown 等效項。塊級元素如 <h1> 成為 # 標題, <p> 變成帶有雙換行符的純文本,並且 <strong> 變成 **bold**。內聯樣式、類別屬性和非語意元素(例如, <span>)被剝離,除非它們帶有語義意義(例如 <em>)。此演算法遵循預先定義的規則集,涵蓋 HTML5 標籤和常見邊緣情況:嵌套清單、區塊引用、程式碼區塊和圖像。屬性如 href 和 src 被提取以形成 Markdown 連結和圖像。自關閉標籤如 <br> 轉換為兩個尾隨空格以換行。透過使用適當的空格處理連接 Markdown 片段來組裝輸出,以確保有效的 Markdown 結構。
, the output will use fenced code blocks with language auto-detection if a class like 'language-js' is present.以下是與將 HTML 轉換為 Markdown 的兩種常見替代方案的比較。
| 這個工具 | Pandoc CLI | 手動尋找/替換 | |
|---|---|---|---|
| 設定 | 無需安裝,在瀏覽器中運行 | 需要安裝 Pandoc (Haskell 依賴項) | 沒有軟體,但對於大文件來説極其乏味 |
| 準確度 | 處理大多數 HTML5 標籤、語意和常見邊緣情況 | 極其準確,支持多種輸入/輸出格式,但可能有點過頭了 | 嵌套結構和屬性非常容易出錯 |
| 速度 | 即時取得典型文檔 | 在命令列上速度很快,但啟動工具的開銷較大 | 除了微不足道的改變之外,任何事情都會很慢 |
Markdown 由 John Gruber 於 2004 年創建,是一種輕量級標記語言,可輕鬆閲讀和編寫純文字。 HTML 的前身自 20 世紀 90 年代初以來一直是 Web 內容的標準。隨著靜態網站產生器、筆記應用程式和文件平台採用 Markdown,出現了在兩者之間進行轉換的需求。該工具實現了受 Gruber 原始 Perl 腳本啟發的轉換邏輯,後來透過 CommonMark 等社羣驅動的規範進行了增強。
從 Wix / Squarespace / 舊的 WordPress 貼文中複製渲染的 HTML,將其貼到此處,Markdown 輸出就可以直接放入 Notion 或 Obsidian 中,無需手動清理。
Hugo、Jekyll 和 Eleventy 都運行在 Markdown 內容上。將現有網站的 HTML 頁面轉換為 Markdown 以加快重建速度。
電子郵件用户端匯出帶有內嵌樣式和條件標籤的混亂 HTML。轉換為 Markdown 以取得內容。
文章中的閲讀器模式 HTML 在轉換為 Markdown 後,將成為 Obsidian 或您的知識庫的乾淨閲讀文件。
企業 wiki (Confluence) 中的內部文件 → Markdown,用於遷移到 GitBook、ReadMe 或文件即程式碼系統。
單級列表可以乾淨地工作。嵌套清單可能會展平為單一層級。對於具有深層嵌套結構的文檔,請使用 夜牀服務 作為更複雜的替代方案。
全部內聯 style= 和 class= 屬性被剝離-它們沒有 Markdown 等價物。如果您的內容取決於樣式(特定字體大小、顏色),則需要將其新增回目標系統。
還沒有。表格轉換為純文字。對於 HTML 表,請使用其表格語法在目標系統中手動重建它們。