Markdown線上編輯器是一款免費線上 Markdown 編輯工具:左邊寫 Markdown 原始碼,右邊即時渲染出版面效果,寫完複製即可發佈。無需下載安裝、無需註冊登入,打開網頁就能用,所有內容都在瀏覽器本機處理,不上傳伺服器。
它特別適合三類時刻:臨時要寫一段 Markdown 又不想裝軟體;正在學 Markdown 語法,需要一邊寫一邊看效果;或者手頭有一段 Markdown 文字,想快速看看渲染後的樣子。搭配本站 60 多篇 Markdown 教學使用,還可以把教學裡的範例程式碼區塊一鍵載入編輯器,邊看邊練。
寫 Markdown 的工具很多:本機軟體(Typora、VS Code)、筆記應用程式、各種線上平台。什麼時候線上編輯器是最順手的選擇?
反過來,如果你每天都要寫大量 Markdown、需要管理檔案和圖床,本機軟體仍然更合適——線上編輯器定位是「隨開隨用的輕量練習場」。
| 功能 | 說明 |
|---|---|
| 雙欄即時預覽 | 左側原始碼、右側渲染效果,捲動自動同步;也可切換為純編輯或純預覽模式 |
| 完整工具列 | 粗體、斜體、標題、清單、連結、圖片、程式碼區塊、表格、emoji 等一鍵插入,不用背語法 |
| 即時字數統計 | 底部即時顯示字元數與字數,寫限制字數的文案時直接照讀 |
| 搜尋取代 | 長文件裡批次尋找、取代內容 |
| 全螢幕模式 | 按 F11 或點工具列進入全螢幕,專注寫作不受頁面其他元素干擾 |
| 擴充語法 | 任務清單、emoji 表情、TeX 數學公式、流程圖、時序圖、程式碼摺疊、目錄(TOC) |
| 程式碼區塊工具 | 支援語法高亮,可摺疊長程式碼區塊 |
本站每篇 Markdown 教學的程式碼區塊右上角都有一個「預覽」按鈕:點一下,這個程式碼區塊會自動載入線上編輯器,立刻看到它的渲染效果,還能在範例基礎上改動練習。
比如正在看 Markdown 表格語法,範例看不懂的地方,點程式碼區塊的「預覽」按鈕,在編輯器裡刪掉一行、加一列,右邊的表格即時跟著變——語法規則一分鐘就摸清了。支援 Markdown、CSS、JavaScript、Python、Java 等語言的程式碼區塊。
建議的練習路徑:從 Markdown 入門 開始,每篇教學邊看邊在編輯器裡試,學完一個語法記一個,一個下午就能過完全部基礎語法。
編輯器支援標準 Markdown 語法與常用擴充,對應教學都在本站:
編輯器在瀏覽器本機運行,你寫的內容不會上傳到任何伺服器,也不會自動儲存——重新整理或關閉頁面後內容即清空。這是「隱私零顧慮」的另一面:寫完請及時複製帶走。
如果需要長期保存寫作內容,推薦把原始碼貼到本機的文字檔或筆記軟體裡管理;本站編輯器定位是即時書寫與練習,不承載文件儲存。
支援 Markdown 圖片語法(),工具列也有圖片按鈕——但它只幫你產生語法結構,圖片本身需要先有一個可存取的網路位址(例如圖床或程式碼倉庫裡的圖片連結)。編輯器不提供圖片上傳功能,這也意味著你的圖片不需要經過任何第三方。