Markdown 入門速查表:給完全新手的收藏指南

更新 發佈閱讀 14 分鐘

你剛發現 Markdown 這個東西,每個人都說它「很簡單」,但你盯著那些星號、井字號和括號,完全不知道從何下手。

同事隨口提到他所有文件都用 Markdown 寫。你喜歡的技術部落格用它。GitHub 上到處都是 README 檔案。但當你試著自己學習時,那些文件讓人頭昏腦脹,教學又假設你已經懂了一半。

我想告訴你一個事實:Markdown 確實很簡單——只是需要有人用不廢話的方式教你重點。

這篇速查表會成為你最常開啟的書籤。我會告訴你確切需要知道的內容:視覺化範例、對照比較,以及一份可以永久保存的參考指南。沒有廢話,沒有複雜的邊緣案例——只有每天都會用到的實用語法。

讓我們用接下來的 10 分鐘,讓你成為有自信的 Markdown 使用者。


什麼是 Markdown(以及為什麼你該在意)

Markdown 是可以轉換成 HTML 的純文字格式。就這麼簡單。

你用簡單的符號寫,像是 **粗體**,它就會轉換成 粗體。不需要按鈕、不需要工具列、不需要專門的軟體。

初學者會愛上它的理由:

到處都能用:GitHub 的 README 檔案用它、Reddit 的留言用它、Discord、Notion、Stack Overflow、Jupyter Notebooks、無數部落格——全都支援 Markdown。學一次,到處寫。

永不過時:Markdown 檔案就是純文字。50 年後,在任何裝置、任何作業系統上都能開啟。試試看開啟一個 1995 年的 Word 檔案——祝你好運。你的 Markdown 檔案?永遠都能用。

可攜性強:從 Notion 複製文字,貼到 GitHub,搬到你的部落格。Markdown 到處移動都不會壞掉。不會有「格式跑掉」的惡夢。

你其實已經會基礎:有沒有在聊天室裡用 *星號* 框住文字來強調過?那就是 Markdown 的思維。你比想像中更接近了。

快速上手的秘訣:只要學七個語法規則,就能處理 90% 的格式需求。七個。比記 Word 的快捷鍵還少。

準備好了嗎?我們來學這七個規則。


每天都會用到的 7 個 Markdown 語法規則

掌握這七個格式規則,你就能處理 90% 的寫作需求。每個只要 30 秒學會。我會告訴你語法、轉換後的樣子,以及什麼時候用。

1. 粗體和斜體文字

語法

**粗體文字**
*斜體文字*
***粗體加斜體***

轉換結果

  • 粗體文字
  • 斜體文字
  • 粗體加斜體

何時使用:粗體用來吸引注意重點。斜體用來增加細微的強調。想像粗體是大聲說話,斜體是湊近耳邊輕聲說。

💡 專業建議:用 **雙星號** 表示粗體,*單星號* 表示斜體。有些人用底線(__粗體___斜體_),但星號更常見,而且到處都能用。

常見錯誤:在星號裡面加空格會破壞格式。** 文字 ** 不會有用。要緊貼:**文字**


2. 標題(建立結構)

語法

# 標題 1(文件標題)
## 標題 2(主要段落)
### 標題 3(次要段落)
#### 標題 4(小段落)

經驗法則:用一個 # 當文件標題,## 當主要段落,### 當段落中的小節。大多數文件不需要超過三層標題。

結構範例

# 我的專案文件

## 開始使用

### 安裝步驟

### 設定方式

## 進階用法

### API 參考

### 疑難排解

⚠️ 常見錯誤:不要跳級。從 ## 直接跳到 #### 會讓讀者困惑,也破壞導覽結構。永遠按順序來。

為什麼重要:標題是文件的骨架。它們幫助讀者掃描、跳到需要的段落,一眼理解你的結構。


3. 清單(項目符號和編號)

語法

- 項目符號
- 另一個項目
- 第三個項目

1. 第一項
2. 第二項
3. 第三項

巢狀清單,縮排 2 個空格:

- 主要項目
- 巢狀項目
- 另一個巢狀項目
- 回到主層級

1. 第一步
- 第一步的細節
- 另一個細節
2. 第二步

轉換結果

  • 主要項目
    • 巢狀項目
    • 另一個巢狀項目
  • 回到主層級

💡 小技巧:你可以用 -*+ 來做項目符號——都能用。堅持用 - 比較一致(這是最常見的慣例)。

另一個技巧:編號清單可以每項都用 1.,Markdown 會自動編號。這讓重新排序變簡單:

1. 第一項
1. 第二項
1. 第三項

仍然會顯示為 1、2、3。


4. 連結

語法

[連結文字](網址)

實際範例

[Google](<https://google.com>)
[我的 GitHub](<https://github.com/leonwong282>)
[聯絡我]([mailto:你的@email.com](mailto:你的@email.com))

最佳實踐:使用描述性的連結文字,告訴讀者要去哪裡。不要這樣做:

點擊[這裡](網址)查看文件

改成這樣:

閱讀 [Python 官方文件](網址)了解細節

為什麼?對無障礙功能更好(螢幕閱讀器),對 SEO 更好,對掃描內容的讀者更有幫助。

💡 電子郵件連結:在網址裡用 mailto: 來建立可點擊的電子郵件連結:[聯絡我]([mailto:你的@email.com](mailto:你的@email.com))


5. 圖片

語法

![替代文字](圖片網址.jpg)

實際範例

![金門大橋夕陽](<https://example.com/bridge.jpg>)

關鍵差異:開頭的 ! 驚嘆號讓它變成圖片。沒有它,就只是普通連結。

  • ![文字](網址) = 顯示圖片
  • [文字](網址) = 建立可點擊的連結

替代文字很重要[ ] 裡面的文字就是你的替代文字。它會在圖片載入失敗時顯示,也幫助使用螢幕閱讀器的視障讀者。永遠寫描述性的替代文字。

好的:![終端機顯示 npm install 指令的截圖]

不好的:![圖片1]![照片]


6. 程式碼(行內和區塊)

這是 Markdown 在技術寫作上真正發光的地方。

行內程式碼(短片段):

使用 `print()` 函式來顯示輸出。
變數 `user_id` 儲存 ID
執行 `npm install` 來安裝相依套件。

顯示為:使用 print() 函式來顯示輸出。

程式碼區塊(多行程式碼):

def hello_world():
print("Hello, World!")

💡 語言高亮:在開頭的三個反引號後面加上語言名稱,就能有語法高亮。常見選項:pythonjavascriptjavasqlbashhtmlcssjson

JavaScript 範例

const greeting = (name) => {
console.log(`Hello, ${name}!`);
};

語言標識符會給你漂亮的彩色語法高亮。


7. 引用區塊

語法

> 這是引用或重點提示。
> 可以跨越多行。

顯示為

這是引用或重點提示。

可以跨越多行。

引用區塊用於

  • 來源的實際引文
  • 重要的提示或警告
  • 強調關鍵重點
  • 需要強調的備註或提示

巢狀引用

> 外層引用
>> 巢狀引用
>>> 深層巢狀

大多數人很少巢狀引用,但需要時可以用。


初學者最常犯的 5 個錯誤(立刻修正)

我教過數百人 Markdown。這五個錯誤每次都會出現。現在學會它們,省下數小時的挫折。

錯誤 #1:忘記空行

問題:沒有在段落和段落之間加空行時,它們會黏在一起。

範例

錯誤

## 標題
文字直接在這裡開始。
下一行的更多文字。

正確

## 標題

文字在空行後開始。

另一個空行後的新段落。

為什麼會這樣:在純文字中,按一次 Enter 只是繼續段落。Markdown 需要那個空行來知道你要新段落或段落。

解決方法:永遠在標題前後、段落之間,以及清單、程式碼區塊和引用區塊周圍加空行。


錯誤 #2:粗體/斜體語法中的空格

問題:在星號裡面放空格會破壞格式。

錯誤** 文字 *** 文字 *

正確**文字***文字*

會發生什麼:Markdown 看到空格會以為你不是要格式化——它會直接顯示星號: 文字

解決方法:讓格式標記緊貼文字。星號和要格式化的文字之間不要有空格。


錯誤 #3:圖片忘記 !

問題:寫 [圖片](網址) 會建立圖片的連結,不是嵌入圖片。

連結(不是你要的):[Logo](logo.png)Logo

圖片(嵌入):![Logo](logo.png) → 顯示實際圖片

為什麼會這樣:連結和圖片的語法幾乎一模一樣。那一個小小的 ! 造成所有差異。

記憶訣竅:驚嘆號是你在驚嘆「看這張圖!」


錯誤 #4:清單縮排不一致

問題:因為不當的縮排,巢狀清單會壞掉或看起來很怪。

錯誤(只有 1 個空格):

- 主項目
- 巢狀(可能無法正確顯示)

正確(2 個空格或 1 個 tab):

- 主項目
- 巢狀(乾淨的縮排)
- 另一個巢狀
- 回到主層級

解決方法:巢狀項目永遠縮排 2 個空格(或 4 個空格,或 1 個 tab——保持一致)。1 個空格太少,很多平台上會破壞顯示。


錯誤 #5:不跨平台測試

問題:你的 Markdown 在編輯器裡看起來完美,但在 GitHub 或 Medium 上就壞了。

為什麼會這樣:不同平台使用不同的 Markdown「風格」——支援的內容有些微差異。

解決方法

  1. 發布前先預覽你的 Markdown(大多數編輯器都有預覽模式)
  2. 在目標平台上測試(在預備環境寫,發布前先預覽)
  3. 有疑問時,堅持用基本 7 招——它們到處都能用

💡 專業建議:使用像 DillingerStackEdit 這樣的線上編輯器,可以在學習時看到即時預覽。


寫 Markdown 的必備工具

這些免費工具會讓你的 Markdown 工作流程快 10 倍。我每天都在用——它們會省下你的時間和挫折。

最佳 Markdown 編輯器

Typora(Mac/Windows/Linux)

  • 特色:所見即所得編輯器——打字時就看到格式化的文字
  • 免費/付費:有試用版,一次性購買

VS Code(所有平台)

  • 特色:免費、強大、內建預覽(Ctrl+Shift+V)
  • 免費/付費:完全免費

Dillinger(線上)

  • 特色:不需安裝,任何瀏覽器都能用
  • 免費/付費:免費

Notion(所有平台 + 網頁)

  • 特色:結合 Markdown 快捷鍵和豐富功能
  • 免費/付費:有免費方案

自己試試看:5 分鐘挑戰

準備好測試你的新技能了嗎?完成這個挑戰,你就知道自己已經掌握基礎了。

你的挑戰

  1. 開啟編輯器:前往 Dillinger.io(不需註冊)
  2. 建立一份文件,包含
    • ✅ 一個 H1 標題(你的文件標題)
    • ✅ 兩個 H2 標題(兩個主要段落)
    • ✅ 至少一句話中有 粗體文字
    • ✅ 至少一句話中有 斜體文字
    • ✅ 一個有 3 個項目的項目符號清單
    • ✅ 一個外部連結(到任何網站)
    • ✅ 一個行內程式碼範例
    • ✅ 一個有語言高亮的程式碼區塊

範例挑戰解答

可能看起來像這樣:

# 我的第一份 Markdown 文件

## 介紹

這是我**第一次**嘗試 Markdown,我*已經*掌握訣竅了!

我學到的東西:
- Markdown 很簡單
- 到處都能用
- 我可以用它來寫 `程式碼` 範例

## 程式碼範例

這是一個 Python 函式:

```python
def greet(name):
return f"你好,{name}!"
```

看看 [Markdown 指南]([<https://www.markdownguide.org>)](<https://www.markdownguide.org>))

現在設定 5 分鐘計時器試試看。如果你能在不回頭看語法的情況下建立這份文件,你就掌握基礎了。真的——把這篇文章放一邊,自己測試看看。


你會創造什麼?

Markdown 的美在於它的簡單性。不需要複雜的軟體。不需要授權。不會有格式頭痛。只有你、純文字,以及隨時隨地在任何裝置上寫作的能力。

你現在是 Markdown 社群的一員了——數百萬選擇簡單性和可攜性而非專有工具的開發者、作家和創作者。

在下面留言:你會用 Markdown 寫的第一個東西是什麼?README?筆記?文件?我會讀每一則留言,很喜歡看到大家創造的東西!

覺得有幫助嗎?分享給正在學 Markdown 的人。把這頁加入書籤以便將來參考。需要快速查語法時隨時回來看。

快樂寫作! 🚀


想看更多初學者友善的教學?追蹤我,我會分享 GitHub、網頁開發和讓生活更輕鬆的生產力工具指南。

留言
avatar-img
Leon Wong 282
9會員
25內容數
Hi,我是 Leon Wong(亮之)——電腦科學與開發愛好者,也是 Notion 重度使用者。如果你想更高效地學習與創作,這裡會是你的實用資源。
你可能也想看
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
製作圖片對於許多人來說可能是一項挑戰,但其實只要掌握一些基本要點,任何人都可以輕鬆上手,甚至在短短的3秒內完成一張吸引人的圖片。以下是8個關鍵要點,幫助初心者快速製作出專業水準的圖片。
Thumbnail
製作圖片對於許多人來說可能是一項挑戰,但其實只要掌握一些基本要點,任何人都可以輕鬆上手,甚至在短短的3秒內完成一張吸引人的圖片。以下是8個關鍵要點,幫助初心者快速製作出專業水準的圖片。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
在這個章節中,我們介紹了HTML的基本概念,包括其作為結構化標記語言的特性、應用領域,以及主要使用者。這些知識為後續的深入學習和實踐奠定了基礎,幫助讀者了解HTML在現代網頁開發中的重要性。
Thumbnail
在這個章節中,我們介紹了HTML的基本概念,包括其作為結構化標記語言的特性、應用領域,以及主要使用者。這些知識為後續的深入學習和實踐奠定了基礎,幫助讀者了解HTML在現代網頁開發中的重要性。
Thumbnail
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
Thumbnail
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
Thumbnail
本文介紹瞭如何寫 HTML 標籤,製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例,讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
Thumbnail
本文介紹瞭如何寫 HTML 標籤,製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例,讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News