如何使用Markdown 轉 HTML
- 把 Markdown 貼到左側。
- 需要獨立網頁檔時,開啟「輸出完整 HTML 文件」。
- 右側切換「HTML」查看原始碼,或「預覽」查看效果。
- 按「複製」貼到 CMS,或按「下載」存成 .html 檔。
範例
標題、段落與清單
## 安裝
執行 **npm install**。
- 快速
- 免費
<h2 id="安裝">安裝</h2>
<p>執行 <strong>npm install</strong>。</p>
<ul>
<li>快速</li>
<li>免費</li>
</ul>
規格與重點
| 支援語法 | CommonMark 常用語法 + GFM 表格、刪除線、任務清單 |
|---|---|
| 輸出 | HTML 片段,或含 <head> 的完整 HTML 文件 |
| 標題 id | 自動為每個標題產生錨點 id,方便做目錄連結 |
| 安全性 | Markdown 中的原始 HTML 會被跳脫 |
| 處理位置 | 你的瀏覽器(內容不會上傳) |
| 費用 | 免費、免註冊 |
常見問題
轉出來的 HTML 有樣式嗎?
沒有。輸出的是純語意化 HTML,不含 CSS,貼到部落格或 CMS 時會套用該網站的樣式。
程式碼區塊會有語法高亮嗎?
會加上 class="language-js" 這類標記,搭配 Prism.js 或 highlight.js 即可上色,本工具本身不加顏色。
可以把 HTML 轉回 Markdown 嗎?
目前只支援 Markdown 轉 HTML。