# Markdown 轉 HTML

URL: https://tools.otaku-dojo.com/zh-tw/markdown-to-html
Updated: 2026-10-03

Markdown 轉 HTML 工具會把 Markdown 轉換成乾淨、語意化的 HTML 原始碼（h1–h6、p、ul、ol、table、pre、code），可以切換「文字」查看原始碼或「預覽」查看排版，也能輸出包含 <head> 的完整 HTML 文件，下載後直接用瀏覽器開啟。

## 如何使用Markdown 轉 HTML

1. 把 Markdown 貼到左側。
2. 需要獨立網頁檔時，開啟「輸出完整 HTML 文件」。
3. 右側切換「HTML」查看原始碼，或「預覽」查看效果。
4. 按「複製」貼到 CMS，或按「下載」存成 .html 檔。

## 規格與重點

- **支援語法**: CommonMark 常用語法 + GFM 表格、刪除線、任務清單
- **輸出**: HTML 片段，或含 <head> 的完整 HTML 文件
- **標題 id**: 自動為每個標題產生錨點 id，方便做目錄連結
- **安全性**: Markdown 中的原始 HTML 會被跳脫
- **處理位置**: 你的瀏覽器（內容不會上傳）
- **費用**: 免費、免註冊

## 範例: 標題、段落與清單

```markdown
## 安裝

執行 **npm install**。

- 快速
- 免費
```

→

```html
<h2 id="安裝">安裝</h2>
<p>執行 <strong>npm install</strong>。</p>
<ul>
<li>快速</li>
<li>免費</li>
</ul>
```

## 常見問題

### 轉出來的 HTML 有樣式嗎？

沒有。輸出的是純語意化 HTML，不含 CSS，貼到部落格或 CMS 時會套用該網站的樣式。

### 程式碼區塊會有語法高亮嗎？

會加上 class="language-js" 這類標記，搭配 Prism.js 或 highlight.js 即可上色，本工具本身不加顏色。

### 可以把 HTML 轉回 Markdown 嗎？

目前只支援 Markdown 轉 HTML。