什麼是Markdown編輯器?

分屏編輯器,帶即時 HTML 預覽。支援 GitHub 風格 Markdown:表格、任務清單、帶語法高亮的程式碼區塊。可匯出為 HTML 或複製渲染結果。

渲染採用 GitHub 風格的 Markdown 解析器,支援帶語言提示的圍欄代碼塊(javascript、python、css 等)、附勾選狀態的任務清單、管道表格、註腳和刪除線。工具列可在游標位置一鍵插入標題、粗體、斜體、連結、圖片、代碼、表格的語法。匯出會產生包含內嵌樣式的獨立 HTML 檔案,可直接附件寄送或上傳。

使用方法

  1. 在左側編輯區輸入或貼上 Markdown 內容——右側預覽區會即時更新。
  2. 使用工具列快速格式化:粗體、斜體、標題、連結、圖片、程式碼區塊和表格。
  3. 將文件匯出為乾淨的 HTML,複製渲染預覽,或下載原始 Markdown 檔案。

何時使用

  • 撰寫 README 或貢獻指南時,邊寫邊看渲染結果。
  • 在 Markdown 中草擬部落格文章,再把產生的 HTML 貼入不支援 Markdown 的 CMS。
  • 整理會議筆記——以標題分章節、用任務清單列待辦、用表格紀錄決議。

結果

您正在寫專案 README——新增標題、功能清單、帶 JavaScript 高亮的程式碼區塊和安裝說明表格。輸入時預覽即時顯示渲染結果,寫完可匯出 HTML。

常見問題

代碼塊支援語法高亮嗎?
支援。圍欄代碼塊在起始反引號後加上語言識別字(```javascript、```python、```bash 等),預覽就會用 highlight.js 著色。無法識別或未指定語言的代碼塊,會顯示為無顏色的等寬文字。
重新整理頁面後,我寫的 Markdown 還在嗎?
可以。每次輸入都會自動儲存到你的裝置,下次開啟頁面時草稿會自動還原——就算重新整理或不小心關掉分頁也不會丟。當載入到已儲存的草稿時,會出現一個小提示。按重設(或清空編輯器)即可刪除儲存的副本。
可以直接把截圖貼進編輯器嗎?
可以。直接貼上圖片或截圖,它會以 base64 資料 URL 的形式內嵌進文件,並在游標處自動插入 Markdown 圖片語法。要注意:資料 URL 會讓檔案變大,而且多數平台(包括 GitHub 的 README)無法渲染它們。所以若文件要分享給別人,建議把圖片上傳到圖床,再用 ![描述](https://...) 插入連結,這樣原始檔更精簡。
「匯出 HTML」和「複製預覽結果」有什麼差別?
匯出 HTML 會產生包含 <html>、<head>、內嵌 CSS、內容置於 <body> 的完整檔案。「複製預覽結果」只複製內層 HTML 片段,適合貼進已套用自家模板的 CMS。
為什麼換了一行,預覽裡卻沒有換行?
標準 Markdown 把段落內的單一換行視為軟換行。要強制換行,在行末多加兩個空格;或者空一行,讓它成為新段落。GitHub 和多數靜態網站產生器都是這樣處理的。

相關工具