跳至主要內容
SPCXTools

Markdown 轉 HTML 轉換器

輸入或貼上 Markdown,即時預覽並複製乾淨的 HTML 程式碼。

本機執行 — 檔案絕不會離開您的裝置

正在載入工具…

如何使用 Markdown 轉 HTML 轉換器

  1. 1在左側編輯器輸入或貼上 Markdown,也可以從範例開始修改。
  2. 2保持開啟 GitHub Flavored Markdown 以支援表格、待辦清單與刪除線;若希望將單一換行轉換為斷行,請勾選 換行。
  3. 3在 預覽 與 HTML 之間切換,以查看渲染結果或產生的程式碼。
  4. 4將 HTML 複製到您的網站、CMS 或電子郵件中,或者下載包含完整樣式的 .html 網頁。

將 Markdown 轉換為 HTML 並提供即時預覽

Markdown 讓您能使用簡單的符號快速編寫格式化文字,無需處理繁瑣的 HTML 標籤。當您需要 HTML 程式碼時(例如用於網站、不支援 Markdown 的 CMS 內容管理系統、電子郵件範本,或是想要預覽 README 檔案),這個轉換器能為您即時處理。在左側輸入內容,即可在右側查看呈現結果或乾淨的 HTML 程式碼。所有處理都在您的瀏覽器中完成。

功能特色

  • 即時預覽:隨著您的輸入即時更新。
  • GitHub 風格 Markdown (GFM):支援表格、待辦事項清單、刪除線、自動連結與程式碼區塊。
  • 可選的換行設定:將單一換行符號轉換為 <br> 標籤。
  • 乾淨的 HTML 輸出:不含行內樣式或多餘的外層標籤,方便隨時複製貼上。
  • 下載為完整網頁:附帶簡單易讀的樣式表 (CSS)。
  • 安全預覽:在沙盒框架中執行,有效阻擋指令碼。

Markdown 語法速查表

Markdown 結果
# 標題 1 / ## 標題 2 標題
**粗體** / *斜體* 粗體 / 斜體
[連結](https://example.com) 連結
![替代文字](image.png) 圖片
- 項目 或 1. 項目 項目符號或編號清單
> 引用 區塊引用
`程式碼` 行內程式碼
在前後行加上 ``` 程式碼區塊
--- 水平線
- [ ] 待辦事項 待辦事項清單 (GFM)
~~文字~~ 刪除線 (GFM)

表格使用垂直線 (|) 與減號 (-) 組成的分隔行來編寫。在分隔行加入冒號可設定欄位對齊方式::--- 靠左、:---: 置中、---: 靠右。

常見用途

  • 支援 HTML 但不支援 Markdown 的部落格與 CMS。
  • 電子報 — 用 Markdown 撰寫,再將 HTML 貼入您的電子郵件工具。
  • 推送至 GitHub 或 GitLab 前的 README 與文件預覽。
  • 將 Obsidian、Notion 匯出檔或其他 Markdown 應用程式的筆記轉換為網頁。
  • 透過觀察各種 Markdown 語法產生的標籤來學習 HTML。

小技巧

  • 在段落、清單與標題之間保留空白行 — 這能避免多數的格式跑版問題。
  • 巢狀清單項目請一致縮排兩個或四個空格。
  • 在程式碼區塊開頭加上語言名稱(例如 ```js),讓網站的語法高亮工具能為程式碼上色。

若要計算文章字數,請使用字數計算工具。處理結構化資料時,JSON 格式化工具可協助驗證並美化 JSON。

常見問題

Markdown 是什麼?
Markdown 是一種純文字格式語法,設計初衷是為了易讀易寫。您可以使用像是
什麼是 GitHub Flavored Markdown (GFM)?
GFM 是標準 Markdown 廣泛使用的擴充功能。它增加了表格、待辦事項清單 (- [ ] 和 - [x])、刪除線 (text)、網址自動連結以及圍欄程式碼區塊。如果您需要嚴格的 CommonMark 輸出,請將其關閉。
為什麼輸出結果中沒有顯示單行換行?
在標準 Markdown 中,段落內的單次換行會被視為一個空格;您需要空一行來開始新段落,或在行尾加上兩個空格來換行。勾選 換行 可以將每個換行符號轉換為 <br> 標籤,就像 GitHub 留言的運作方式一樣。
我的 Markdown 中的原始 HTML 會被保留嗎?
會的。Markdown 允許使用行內 HTML,且會直接傳遞至輸出結果。預覽畫面在會阻擋腳本執行的沙盒框架中運作,因此貼上的內容無法在此頁面執行程式碼。如果您要在自己的網站上發佈來自不可信來源的 HTML,請務必在您的網站端進行過濾。
HTML 會包含樣式嗎?
複製的 HTML 僅包含內容標記,因此會套用您網站的樣式。下載的 .html 檔案則是一個完整的網頁,內含輕量且易讀的樣式表,方便分享或列印。