將 Markdown 轉換為 HTML 並提供即時預覽
Markdown 讓您能使用簡單的符號快速編寫格式化文字,無需處理繁瑣的 HTML 標籤。當您需要 HTML 程式碼時(例如用於網站、不支援 Markdown 的 CMS 內容管理系統、電子郵件範本,或是想要預覽 README 檔案),這個轉換器能為您即時處理。在左側輸入內容,即可在右側查看呈現結果或乾淨的 HTML 程式碼。所有處理都在您的瀏覽器中完成。
功能特色
- 即時預覽:隨著您的輸入即時更新。
- GitHub 風格 Markdown (GFM):支援表格、待辦事項清單、刪除線、自動連結與程式碼區塊。
- 可選的換行設定:將單一換行符號轉換為
<br>標籤。 - 乾淨的 HTML 輸出:不含行內樣式或多餘的外層標籤,方便隨時複製貼上。
- 下載為完整網頁:附帶簡單易讀的樣式表 (CSS)。
- 安全預覽:在沙盒框架中執行,有效阻擋指令碼。
Markdown 語法速查表
| Markdown | 結果 |
|---|---|
# 標題 1 / ## 標題 2 |
標題 |
**粗體** / *斜體* |
粗體 / 斜體 |
[連結](https://example.com) |
連結 |
 |
圖片 |
- 項目 或 1. 項目 |
項目符號或編號清單 |
> 引用 |
區塊引用 |
`程式碼` |
行內程式碼 |
在前後行加上 ``` |
程式碼區塊 |
--- |
水平線 |
- [ ] 待辦事項 |
待辦事項清單 (GFM) |
~~文字~~ |
刪除線 (GFM) |
表格使用垂直線 (|) 與減號 (-) 組成的分隔行來編寫。在分隔行加入冒號可設定欄位對齊方式::--- 靠左、:---: 置中、---: 靠右。
常見用途
- 支援 HTML 但不支援 Markdown 的部落格與 CMS。
- 電子報 — 用 Markdown 撰寫,再將 HTML 貼入您的電子郵件工具。
- 推送至 GitHub 或 GitLab 前的 README 與文件預覽。
- 將 Obsidian、Notion 匯出檔或其他 Markdown 應用程式的筆記轉換為網頁。
- 透過觀察各種 Markdown 語法產生的標籤來學習 HTML。
小技巧
- 在段落、清單與標題之間保留空白行 — 這能避免多數的格式跑版問題。
- 巢狀清單項目請一致縮排兩個或四個空格。
- 在程式碼區塊開頭加上語言名稱(例如
```js),讓網站的語法高亮工具能為程式碼上色。
若要計算文章字數,請使用字數計算工具。處理結構化資料時,JSON 格式化工具可協助驗證並美化 JSON。