如何在瀏覽器裡把 Markdown 轉成 HTML

為什麼有用

團隊在 Git 裡寫 Markdown，但企業 CMS 只收淨化後的 HTML；支持人員在工單裡貼 fenced code，後臺卻過濾失敗；市場同學先用 Markdown 飛快起草，再交給設計師填進郵件模板。本地轉換可以避免把保密草案上傳到來歷不明的「在線 MD 轉 HTML」。

三類場景

操作步驟

打開 Markdown 轉 HTML。

1. 1

   按常用語法撰寫

   標題、列表、鏈接、圍欄代碼、引用等；若 CMS 白名單有限，避免使用不被允許的擴展。

2. 2

   選擇渲染選項

   若目標平臺兼容 GitHub Flavored Markdown，可開啟表格、刪除線等擴展。

3. 3

   檢查預覽

   留意列表嵌套、裸鏈自動識別等細節是否符合預期。

4. 4

   複製 HTML 片段

   在無 Node 環境的電腦上也能快速交付。

## Rollout checklist
 
1. Enable **feature flag** `payments.v2`
2. Monitor `/health/payments` for 15 minutes
3. Run: kubectl rollout status deploy/payments-api

<h2>Rollout checklist</h2>
<ol>
<li>Enable <strong>feature flag</strong> <code>payments.v2</code></li>
<li>Monitor <code>/health/payments</code> for 15 minutes</li>
<li>Run: kubectl rollout status deploy/payments-api</li>
</ol>

實用技巧

• 評審階段對比 Markdown 源稿更高效，可用 文本對比。
• 寫入 JSON 配置或模板前，可用 轉義 處理特殊字符。
• 若 CMS 有 CSP，謹慎使用內聯樣式類。

常見誤區

不適合的場景

• 完整靜態站點流水線：Eleventy、Astro 等有目錄級能力。
• 郵件 HTML：需要內聯樣式與表格佈局，另有專用工具鏈。
• 精細排版 PDF：LaTeX 等更合適。

常見問題

下一步

1. JSON 載荷可先走 格式化。
2. 標題 casing 用 大小寫轉換。
3. 摘要長度用 字數統計。