📝 Markdown 預覽
Markdown 預覽工具是一款免費線上工具,會在您輸入的同時將 Markdown 轉換為格式化的 HTML。在編輯器中撰寫標題、清單、程式碼區塊、連結與表格,即可看到即時預覽立即更新。它完全在您的瀏覽器中運作,無需註冊。作家、開發人員與文件作者使用它來在發佈前檢查格式。
輸入 Markdown 即可即時看到 HTML 渲染結果。
這是什麼工具?
Markdown 預覽工具是一款免費的線上 Markdown 編輯器,能將您的 Markdown 即時渲染為 HTML。當您在左側輸入時,格式化的結果會立即出現在右側。這非常適合在發佈前預覽 README 檔案、部落格文章、文件或任何 Markdown 內容。
Markdown 是一種輕量級標記語言,使用純文字格式來建立結構化文件。它由 John Gruber 於 2004 年創建,目的是讓撰寫網頁內容盡可能簡單。透過 Markdown,您可以使用簡單的文字符號建立標題、粗體與斜體文字、清單、連結、圖片、程式碼區塊、表格等。Markdown 被廣泛使用於各處:GitHub README、Reddit 評論、Discord 訊息、文件網站以及許多內容管理系統。
此預覽器支援標準 Markdown 語法,包含 GitHub Flavored Markdown (GFM) 擴充功能,如工作清單、刪除線文字和程式碼區塊(以等寬文字顯示)。所有操作完全在您的瀏覽器中執行,因此您的內容永遠不會被上傳到任何伺服器。您可以放心編寫,因為您的草稿是完全私密的。運作原理
此工具使用 JavaScript Markdown 解析器,即時將您的文字轉換為 HTML。當您在編輯器面板中輸入時,解析器會逐字處理 Markdown 語法,並產生對應的 HTML 元素,顯示在預覽面板中。
解析器處理所有標準 Markdown 元素:標題(# 到 ######)、粗體(**文字**)、斜體(*文字*)、連結([文字](url))、圖片()、無序清單(- 或 *)、有序清單(1.)、程式碼區塊(```)、行內程式碼(`code`)、引用(>)、水平線(---)和表格。它還支援 GitHub Flavored Markdown 擴充功能:工作清單(- [x])、刪除線(~~文字~~)。
渲染完全在客戶端進行,表示不會發出任何伺服器請求。Markdown 解析器是一個輕量的自製 JavaScript 轉換器(並非第三方函式庫)。它涵蓋常見的 Markdown 元素;巢狀清單會被扁平化為單一層級。預覽會在每次按鍵時更新,提供真正的即時編輯體驗。使用方法
- 在左側編輯器中輸入或貼上您的 Markdown。
- 在右側即時查看格式化的 HTML 預覽更新。
- 使用標準 Markdown 語法(# 標題、**粗體**、*斜體* 等)。
- 試用 GitHub Flavored Markdown:工作清單、表格、刪除線。
- 根據需要複製渲染後的 HTML 或您的 Markdown 原始碼。
常見問題
支援哪些 Markdown 語法?
標準 Markdown(標題、粗體、斜體、清單、連結、圖片、程式碼、引用、表格)加上 GitHub Flavored Markdown 擴充功能(工作清單、刪除線、程式碼區塊(以等寬文字顯示))。
我的 Markdown 內容會被發送到伺服器嗎?
不會。所有處理都在您的瀏覽器中使用 JavaScript 完成。您的內容永遠不會離開您的裝置,確保草稿和筆記的完全隱私。
我可以用這個來預覽 GitHub README 檔案嗎?
可以。此預覽器支援 GitHub Flavored Markdown,也就是 GitHub 使用的相同方言。工作清單、表格與刪除線皆支援以符合 GitHub Flavored Markdown 的常見寫法;請注意這是一個輕量的自製渲染器,複雜內容的顯示可能與 GitHub 不同。
如何在 Markdown 中建立表格?
使用直線(|)分隔欄位,連字號(-)作為標題列。範例:| 標題 1 | 標題 2 | \n|---|---| \n| 儲存格 1 | 儲存格 2 |
技巧與建議
Markdown 的設計目標是即使未渲染也能作為純文字閱讀。使用標題(#)建立文件結構,並保持標題層級一致。對於程式碼區塊,請使用三代反引號(```)讓程式碼以等寬文字顯示。建立表格時,請垂直對齊直線以提高可讀性。工作清單(- [x] 完成、- [ ] 待辦)非常適合用於 README 中的專案追蹤。如果您是為 GitHub 撰寫,請先在這裡預覽 Markdown,以便在推送前發現格式問題。對於長文件,請使用帶有錨點連結的目錄。請記住,一行末尾的兩個空格會在 Markdown 中產生強制換行。
相關工具
字數統計器
免費線上字數統計工具。統計字數、字元數、句數、段落數和閱讀時間,適合文章、報告和論文寫作時使用,即時出結果。
繁簡轉換器
免費線上繁簡轉換器,支援多種單位即時互轉。所有計算在瀏覽器本地完成,資料零上傳。無需安裝任何外掛或軟體。計算過程透明,每一步都可追溯。支援批次處理,提高工作效率
大小寫轉換器
免費線上大小寫轉換器,支援多種單位即時互轉。打開即算,關閉即走,不留痕跡。參數靈活配置,適應各種使用情境。歷史記錄自動儲存,方便隨時查看。支援匯出結果為多種格式
Lorem Ipsum 產生器
即時產生 Lorem Ipsum 佔位文字。可選擇段落、句子或單字。適合網頁設計和原型製作的免費線上假文字產生器。從簡單估算到精確分析,一站搞定。
移除換行
免費線上移除文字中的換行。將行合併為段落、去除多餘空格,並即時在瀏覽器中清理複製貼上的內容。無需註冊,打開即用。完全離線可用,無需網路連線。