寫博客、做技術文檔、維護 README……用 Markdown 寫內容已經是很多人的習慣。
但總會遇到這種情況:寫好的 Markdown 要發到只支持 HTML 的平臺,或者反過來,拿到一段網頁 HTML 想整理成 Markdown 繼續編輯。
兩種格式之間手動互轉很繁瑣,土薯工具的「Markdown/HTML互轉」支持雙向轉換,還有實時預覽,累計使用超過 4 萬次。
🔗 工具地址:https://toolshu.com/markdown
兩種模式怎麼切換?
頁面上有兩個標籤:Markdown轉HTML 和 HTML轉Markdown,點擊切換,對應的輸入輸出區域會跟着變。
Markdown → HTML: 左邊輸入 Markdown,右邊實時顯示渲染後的預覽效果,同時生成對應的 HTML 代碼。標題、加粗、斜體、列表、代碼塊、引用、鏈接、圖片,所有標準 Markdown 語法全部支持。
HTML → Markdown: 左邊粘貼 HTML 代碼,右邊輸出對應的 Markdown 文本。需要注意:HTML 表格目前不支持轉換爲 Markdown,如果原始內容裏有表格,轉換後需要手動處理這部分。
實時預覽有什麼用?
Markdown 轉 HTML 時,右側不只是顯示 HTML 代碼,而是直接渲染出最終效果——標題有層級樣式、代碼有高亮、列表有縮進,所見即所得。
邊寫邊看效果,不用複製出去單獨驗證,隨時確認格式是否正確。
Markdown 語法速查
不熟悉 Markdown 的人可以參考一下常用寫法:
| 想要的效果 | 寫法 |
|---|---|
| 一級標題 | # 標題文字 |
| 加粗 | **文字** |
| 斜體 | *文字* |
| 無序列表 | - 列表項 |
| 有序列表 | 1. 列表項 |
| 鏈接 | [顯示文字](網址) |
| 圖片 |  |
| 行內代碼 | `代碼` |
| 代碼塊 | 用三個反引號包裹 |
| 引用 | > 引用內容 |
| 分割線 | --- |
哪些人會用到這個工具?
博客/公衆號作者: 用 Markdown 寫完,轉 HTML 粘進後臺,格式整潔,省去手動調排版的功夫。
開發者: GitHub README、項目 Wiki、接口文檔在不同平臺之間遷移,格式互轉是日常操作。
內容運營: 從網頁複製來的內容帶着一堆 HTML 標籤,轉成乾淨的 Markdown 再改,順手很多。
技術文檔寫作者: 不同系統對格式要求不同,遷移文檔時雙向轉換都可能用到。
複製結果時有個貼心設計
轉換完成後點擊複製,會彈出一個選擇框,讓你決定複製哪種格式:
複製爲帶格式內容: 保留原樣式(字體、顏色、段落),適合粘貼到 Word、郵件等富文本編輯器中,格式直接保留,不用再手動調。
複製爲 HTML 源碼: 複製網頁源代碼(包含標籤),適合開發人員粘貼到代碼編輯器,或用於技術分享。
兩種場景一個工具都覆蓋了,不用爲了「要代碼還是要效果」在兩個地方來回倒騰。
一個實用小技巧
如果你只是想在瀏覽器裏寫 Markdown 並實時預覽,不需要轉換,這個工具的 Markdown 轉 HTML 模式本身就是一個輕量的在線編輯器——打開就能寫,右側實時看效果,寫完複製 HTML 或 Markdown 都行,不需要安裝任何軟件。
👉 立刻轉換你的文檔格式:https://toolshu.com/markdown
土薯在線工具 toolshu.com,內容創作者和開發者的常備工具站。



加載中...