Markdown 轉 HTML 工具使用說明

快速開始

1. 訪問 /markdown-to-html/ 頁面
2. 在左側 Markdown 編輯器中輸入或貼上 Markdown 代碼
3. 右側會自動顯示轉換後的 HTML 預覽
4. 使用複製或下載按鈕儲存結果

功能說明

轉換模式

• 即時轉換: 輸入 Markdown 時自動轉換（預設）
• 手動轉換: 點擊轉換按鈕才進行轉換

轉換選項

• GFM 支援: 啟用 GitHub Flavored Markdown 擴展語法
• 格式可調: 可調整 Markdown 輸出格式

操作按鈕

• 插入範例: 插入範例 Markdown 代碼進行測試
• 清空: 清空所有內容
• 複製: 將 HTML 結果複製到剪貼簿
• 下載: 下載轉換後的 .html 檔案

支援的 Markdown 元素

基本元素

• 標題: # H1 - ###### H6
• 段落: 普通文字
• 強調: **粗體**, *斜體*
• 連結: [文字](URL)
• 圖片: ![alt](URL)
• 列表: - 無序, 1. 有序
• 代碼: `行內`, 代碼區塊

進階元素

• 表格: | 欄1 | 欄2 |
• 引用: > 引用內容
• 水平線: ---
• 刪除線: ~~刪除線~~

GitHub Flavored Markdown (GFM)

• 任務列表: - [ ] 未完成, - [x] 已完成
• 表格
• 刪除線
• 自動連結

使用技巧

1. 複雜 Markdown: 對於複雜的 Markdown 結構，建議分段轉換
2. 表格轉換: 確保表格結構完整，使用正確的分隔符
3. 代碼區塊: 使用三個反引號包裹代碼區塊，並指定語言
4. 連結處理: 相對連結會自動保持原樣

範例代碼

基本 Markdown

# 標題

這是一個段落，包含 **粗體** 和 *斜體* 文字。

## 列表

- 項目 1
- 項目 2
- 項目 3

### 代碼

```javascript
function hello() {
  console.log("Hello, World!");
}

連結和圖片

訪問範例網站

### 表格範例
```markdown
| 功能 | 支援 | 說明 |
|------|------|------|
| 標題 | ✅ | H1-H6 |
| 列表 | ✅ | 有序和無序 |
| 代碼 | ✅ | 行內和區塊級 |
| 表格 | ✅ | GFM 擴展 |

注意事項

• 所有轉換在瀏覽器本地完成，不會上傳到伺服器
• 某些複雜的 Markdown 結構可能無法完美轉換
• 建議在轉換後檢查結果並進行必要的調整
• 支援所有標準的 Markdown 語法和 GFM 擴展