Toolbox Hub
所有工具

Markdown Preview

Live Markdown preview

Live Markdown preview 在您的瀏覽器中本地執行

About the

當您鍵入時,Markdown 預覽會在並排檢視中呈現您的 Markdown,遵循 CommonMark 以及大多數人實際使用的 GitHub 擴充功能:表格、任務清單、隔離程式碼區塊、刪除線和自動連結。這是在提交之前檢查 README 的最快方法,因為 Markdown 在原始程式碼中的外觀與呈現的外觀之間的差異並不明顯,尤其是當單一管道或破折號錯誤時,表語法會默默地失敗。如果您需要在不處理 Markdown 的地方使用渲染的 HTML,也可以複製出來。

Where people use the

  • 在推送之前檢查自述檔案是否正確呈現。
  • 起草發布說明或變更日誌以及結果的即時檢視。
  • 對於不接受 Markdown 的 CMS,將 Markdown 檔案轉換為 HTML。
  • 檢視其他人的 Markdown Pull 請求並看看它會是什麼樣子。

How to use the

  1. 1

    貼上或編寫您的 Markdown

    編輯器接受從單一段落到包含標題、清單、連結和程式碼圍欄的完整檔案的任何內容。

  2. 2

    觀看渲染面板

    每次擊鍵都會更新預覽,因此損壞的表格或未關閉的柵欄會立即顯示,而不是在發布步驟之後顯示。

  3. 3

    修復來源,而不是預覽

    預覽是唯讀的。當某些內容呈現錯誤時,原因幾乎總是在沒有分隔符號行的列表或表標題之前缺少空白行。

  4. 4

    如果需要,請複製 HTML

    切換到 HTML 檢視以取得產生的標記,這對於貼在需要 HTML 而不是 Markdown 的 CMS 中非常有用。

提示和最佳實踐

  • 每個區塊元素前後各留一個空白行;最令人費解的渲染錯誤是缺少空白行。
  • 使用帶有語言名稱的隔離程式碼區塊,以便程式碼突出顯示而不是被視為純文字。
  • 在長文件中每行保留一句話;它使差異稍後可讀。

常見問題

使用哪一種 Markdown 規範?

以 CommonMark 為基礎,加上表格、任務清單、隔離程式碼和刪除線的 GitHub Flavored Markdown 擴充。該組合涵蓋了 GitHub、GitLab 和大多數檔案網站上的 README 格式。

為什麼我的表格沒有呈現?

表格需要一個標題行,緊接著是一個由破折號組成的分隔符號行,區塊之前有一個空白行。每行的管道數量必須與標題相同。任何一個缺失都會將整個內容變成一段帶有管道字元的文字。

為什麼我的清單專案合併為一個段落?

Markdown 需要在段落和其後的列表之間有一個空行。如果沒有它,則清單標記將被視為普通文字。

它支援 LaTeX 或數學嗎?

不可以。數學渲染需要單獨的庫(例如 KaTeX 或 MathJax)和不同的語法。此處的美元符號表示式將呈現為純文字。

是否允許原始 HTML?

是的,內嵌 HTML 直接通過,這也是 GitHub 所做的。如果您將輸出釋出到任何公開的地方,請先對其進行清理,因為原始 HTML 也是注入指令碼的方式。

我的文字去哪了?

無處。解析和渲染透過 JavaScript Markdown 庫在瀏覽器中進行。不會儲存或傳輸任何內容,因此當您關閉選項卡時,草稿就會消失,除非您將其複製出來。

相關工具