📝 Markdown 預覽
輸入 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])、刪除線(~~文字~~)和自動 URL 連結。 渲染完全在客戶端進行,表示不會發出任何伺服器請求。Markdown 解析器是一個經過充分測試的 JavaScript 函式庫,能處理巢狀清單、清單項目中的多個段落以及清單中的程式碼區塊等邊界情況。預覽會在每次按鍵時更新,提供真正的即時編輯體驗。Ad
使用方法
- 在左側編輯器中輸入或貼上您的 Markdown。
- 在右側即時查看格式化的 HTML 預覽更新。
- 使用標準 Markdown 語法(# 標題、**粗體**、*斜體* 等)。
- 試用 GitHub Flavored Markdown:工作清單、表格、刪除線。
- 根據需要複製渲染後的 HTML 或您的 Markdown 原始碼。
常見問題
常見問題
支援哪些 Markdown 語法?
標準 Markdown(標題、粗體、斜體、清單、連結、圖片、程式碼、引用、表格)加上 GitHub Flavored Markdown 擴充功能(工作清單、刪除線、自動連結、程式碼語法高亮)。
我的 Markdown 內容會被發送到伺服器嗎?
不會。所有處理都在您的瀏覽器中使用 JavaScript 完成。您的內容永遠不會離開您的裝置,確保草稿和筆記的完全隱私。
我可以用這個來預覽 GitHub README 檔案嗎?
可以。此預覽器支援 GitHub Flavored Markdown,也就是 GitHub 使用的相同方言。工作清單、表格、刪除線和程式碼區塊的渲染方式與 GitHub 上完全相同。
如何在 Markdown 中建立表格?
使用直線(|)分隔欄位,連字號(-)作為標題列。範例:| 標題 1 | 標題 2 | \n|---|---| \n| 儲存格 1 | 儲存格 2 |
技巧與建議
Markdown 的設計目標是即使未渲染也能作為純文字閱讀。使用標題(#)建立文件結構,並保持標題層級一致。對於程式碼區塊,請在三代反引號後指定語言(```python)以獲得語法高亮。建立表格時,請垂直對齊直線以提高可讀性。工作清單(- [x] 完成、- [ ] 待辦)非常適合用於 README 中的專案追蹤。如果您是為 GitHub 撰寫,請先在這裡預覽 Markdown,以便在推送前發現格式問題。對於長文件,請使用帶有錨點連結的目錄。請記住,一行末尾的兩個空格會在 Markdown 中產生強制換行。