Markdown 語法總整理:語法、範例與平台應用

更新 發佈閱讀 7 分鐘

為什麼你應該知道 Markdown?

在資訊爆炸與跨平台溝通的時代,能夠快速撰寫清晰、結構化的內容是一項關鍵技能。Markdown 作為一種輕量級標記語言,讓使用者以最簡潔的方式撰寫格式化文件,並能無縫轉換為 HTML、PDF、Word 等格式。無論你是工程師撰寫 README、部落客撰寫文章、教育工作者製作教材,甚至是日常筆記愛好者,Markdown 都能提供一致、可讀、可維護的內容架構。

這篇文章將完整整理 Markdown 的所有語法,從基本標題、清單、連結,到進階的表格、程式碼區塊、LaTeX數學公式與平台擴充語法,並搭配範例與應用建議,協助你快速掌握並靈活運用。無論你是初學者還是進階使用者,都能在這份語法大全中找到實用指引。

一、標題(Heading)

使用 # 表示標題層級,最多支援六層。

# 標題一(H1
## 標題二(H2
### 標題三(H3
#### 標題四(H4
##### 標題五(H5
###### 標題六(H6

二、段落與換行(Paragraph & Line Break)

段落之間需空一行。若要強制換行,可在行尾加兩個空格。[Tab]縮排

這是第一段。

這是第二段。
這是同一段中的換行。

三、文字樣式(Text Formatting)

raw-image

四、清單(List)

無序清單(Unordered List)

使用 -*+ 開頭皆可。

- 項目一
- 項目二
- 子項目

有序清單(Ordered List)

使用數字加句點。

1. 第一項
2. 第二項
1. 子項目

五、連結與圖片(Links & Images)

連結

[顯示文字](https://example.com)

圖片

![替代文字](https://example.com/image.jpg)

📌 注意:圖片語法與連結語法相同,只是前面多了 !

六、引用(Blockquote)

使用 > 表示引用段落。

> 這是一段引用文字。
>> 這是巢狀引用。

七、程式碼(Code)

行內程式碼(Inline Code)

使用反引號 ` 包住。

請使用 `npm install` 安裝套件。

區塊程式碼(Code Block)

使用三個反引號 ``` 或縮排四個空格。

```python
def hello():
print("Hello Markdown")

八、分隔線(Horizontal Rule)

使用三個以上的 `-``*``_`

```markdown
---
***
___

九、表格(Table)

使用 |- 建立表格。

| 欄位一 | 欄位二 |
|--------|--------|
| 資料一 | 資料二 |
| 資料三 | 資料四 |

可加入對齊方式:

| 左對齊 | 置中 | 右對齊 |
|:-------|:----:|-------:|
| A | B | C |

十、註解與跳脫字元(Comment & Escape)

註解(HTML 語法)

<!-- 這是一段註解 -->

跳脫特殊字元

使用反斜線 \ 跳脫 Markdown 保留字。

\*這不是斜體\*

十一、目錄與錨點(TOC & Anchor)

部分平台(如 GitHub)會自動根據標題生成目錄。若需手動錨點連結:

[跳至某段落](#標題名稱)

標題名稱需轉為小寫並以 - 取代空格。

十二、任務清單(Task List)

GitHub、Obsidian 等平台支援任務清單語法:

- [ ] 未完成項目
- [x] 已完成項目

十三、折疊區塊(Details / Collapse)

部分平台支援 HTML <details> 標籤,用於折疊內容:

<details>
<summary>點我展開</summary>
這是折疊內容。
</details>

十四、數學公式(LaTeX)

在支援 LaTeX 的平台(如 Jupyter、Obsidian)可使用 $...$$$...$$

行內公式:$E = mc^2$

區塊公式:
$$
\int_a^b f(x)\,dx = F(b) - F(a)
$$

十五、腳註(Footnote)

部分平台支援腳註語法:

這是一段文字[^1]

[^1]: 這是腳註內容。

十六、內嵌 HTML(HTML Embedding)

Markdown 可與 HTML 混用,補足格式控制:

<span style="color: red;">紅色文字</span>

十七、表情符號(Emoji)

GitHub 等平台支援 emoji 語法:

:smile: :rocket: :warning:

十八、自動目錄(TOC)

部分平台(如 Obsidian)支援自動生成目錄:

[TOC]

十九、引用他人帳號或 Issue(GitHub 特有)

@username
#123 (Issue 或 Pull Request 編號)

二十、程式碼語法高亮(Syntax Highlighting)

在程式碼區塊中指定語言可啟用語法高亮:

```javascript
function greet() {
console.log("Hello Markdown");
}

程式碼

---

## 二十三、目標連結與錨點(Anchor)

可建立頁面內跳轉連結:

```markdown
[跳至某段落](#段落標題)

標題需轉為小寫並以 - 取代空格。

結語 : Markdown 是簡潔與效率的語言,值得每位內容創作者掌握

Markdown 的魅力在於「簡單但不簡化」。它不依賴複雜的編輯器,卻能產出結構清晰、格式一致的內容。從技術文件到教學教材,從筆記工具到網站內容管理,Markdown 已成為現代數位寫作的通用語言。

掌握 Markdown,不只是學會一套語法,更是建立一種思維:以結構為核心、以可讀性為優先、以跨平台為目標。當你熟悉 Markdown 的語法與特性後,你將能更快速地撰寫、維護並分享內容,無論是在個人筆記、團隊協作或公開發表中都能受益。

你目前掌握的語法已涵蓋 Markdown 的核心功能,但若你要在特定平台(如 GitHub、Obsidian、Jupyter)進行進階應用,還可探索其擴充語法與插件支援。

留言
avatar-img
留言分享你的想法!
avatar-img
蝦仁藥師_臨床輕鬆學的沙龍
30會員
223內容數
哈囉~!這裡主要在分享醫療知識,還有記錄下學習程式語言的各種筆記,偶爾穿插一些個人的淺見與有趣分享,希望大家都可以在這邊得到有用的資訊~!
2025/10/09
內容創作者的惡夢是什麼? 不是寫不出好內容,而是寫出「沒人點」的好內容!一篇你花了 10 小時產出的深度文章,可能因為一個平庸無奇的標題,瞬間石沉大海。 「標題」,決定了你的努力是否被看見。 但我們總是在憑感覺寫標題,不是嗎?「這個標題感覺還行吧?」「加個驚嘆號試試看?」
Thumbnail
2025/10/09
內容創作者的惡夢是什麼? 不是寫不出好內容,而是寫出「沒人點」的好內容!一篇你花了 10 小時產出的深度文章,可能因為一個平庸無奇的標題,瞬間石沉大海。 「標題」,決定了你的努力是否被看見。 但我們總是在憑感覺寫標題,不是嗎?「這個標題感覺還行吧?」「加個驚嘆號試試看?」
Thumbnail
2025/10/08
API(應用程式介面)是一種讓不同軟體系統能夠「對話」與「合作」的技術橋樑。它不只是工程師的工具,更是現代數位生活中不可或缺的基礎技術。本文將用淺顯易懂的方式,深入解析 API 的定義、運作原理、類型、應用場景與安全機制,幫助你全面理解 API 的價值與實際用途。
Thumbnail
2025/10/08
API(應用程式介面)是一種讓不同軟體系統能夠「對話」與「合作」的技術橋樑。它不只是工程師的工具,更是現代數位生活中不可或缺的基礎技術。本文將用淺顯易懂的方式,深入解析 API 的定義、運作原理、類型、應用場景與安全機制,幫助你全面理解 API 的價值與實際用途。
Thumbnail
2025/10/06
鴉片類藥物等效劑量轉換的學理與臨床應用 鴉片類止痛藥物是治療中度至重度疼痛的基石,但在長期治療過程中,常因藥物耐受性、副作用或劑型調整等因素,需要將病人使用的藥物進行轉換(Opioid Switching)。此時,精確且安全的等效劑量轉換便成為臨床藥學與疼痛管理的核心課題。
Thumbnail
2025/10/06
鴉片類藥物等效劑量轉換的學理與臨床應用 鴉片類止痛藥物是治療中度至重度疼痛的基石,但在長期治療過程中,常因藥物耐受性、副作用或劑型調整等因素,需要將病人使用的藥物進行轉換(Opioid Switching)。此時,精確且安全的等效劑量轉換便成為臨床藥學與疼痛管理的核心課題。
Thumbnail
看更多
你可能也想看
Thumbnail
還在煩惱平凡日常該如何增添一點小驚喜嗎?全家便利商店這次聯手超萌的馬來貘,推出黑白配色的馬來貘雪糕,不僅外觀吸睛,層次豐富的雙層口味更是讓人一口接一口!本文將帶你探索馬來貘雪糕的多種創意吃法,從簡單的豆漿燕麥碗、藍莓果昔,到大人系的奇亞籽布丁下午茶,讓可愛的馬來貘陪你度過每一餐,增添生活中的小確幸!
Thumbnail
還在煩惱平凡日常該如何增添一點小驚喜嗎?全家便利商店這次聯手超萌的馬來貘,推出黑白配色的馬來貘雪糕,不僅外觀吸睛,層次豐富的雙層口味更是讓人一口接一口!本文將帶你探索馬來貘雪糕的多種創意吃法,從簡單的豆漿燕麥碗、藍莓果昔,到大人系的奇亞籽布丁下午茶,讓可愛的馬來貘陪你度過每一餐,增添生活中的小確幸!
Thumbnail
在這個章節中,我們介紹了HTML的基本概念,包括其作為結構化標記語言的特性、應用領域,以及主要使用者。這些知識為後續的深入學習和實踐奠定了基礎,幫助讀者了解HTML在現代網頁開發中的重要性。
Thumbnail
在這個章節中,我們介紹了HTML的基本概念,包括其作為結構化標記語言的特性、應用領域,以及主要使用者。這些知識為後續的深入學習和實踐奠定了基礎,幫助讀者了解HTML在現代網頁開發中的重要性。
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
CSS入門-Day3 的主要內容包括字體大小、字體顏色、字體系列、字體樣式、字體粗細等屬性。此外,還涵蓋了文本對齊、行高、文字間距、單詞間距和文本裝飾。最後,介紹了如何引入和使用 Google 字體,以提高網頁的排版效果。
Thumbnail
CSS入門-Day3 的主要內容包括字體大小、字體顏色、字體系列、字體樣式、字體粗細等屬性。此外,還涵蓋了文本對齊、行高、文字間距、單詞間距和文本裝飾。最後,介紹了如何引入和使用 Google 字體,以提高網頁的排版效果。
Thumbnail
在現代數位時代,我們習慣於直接打開簡報軟體,快速輸入想法,添加圖片和動畫,希望能製作出一份令人驚豔的簡報,可是這種做法往往忽略了一個簡報的本質——傳遞資訊,與聽眾建立真實的連結。今天分享一招我自己也經常在用的方法:要準備簡報,就先別打開簡報(軟體)。 因為麻煩,反而精鍊 在開始製作簡報之前,
Thumbnail
在現代數位時代,我們習慣於直接打開簡報軟體,快速輸入想法,添加圖片和動畫,希望能製作出一份令人驚豔的簡報,可是這種做法往往忽略了一個簡報的本質——傳遞資訊,與聽眾建立真實的連結。今天分享一招我自己也經常在用的方法:要準備簡報,就先別打開簡報(軟體)。 因為麻煩,反而精鍊 在開始製作簡報之前,
Thumbnail
公告佈達看似簡單,但如何做好才是關鍵。 只有透過適時而有效的公告,才能確保重要訊息的及時傳達,促進員工的共識和配合 最終提升整體的運營效率,為企業持續發展注入動力!
Thumbnail
公告佈達看似簡單,但如何做好才是關鍵。 只有透過適時而有效的公告,才能確保重要訊息的及時傳達,促進員工的共識和配合 最終提升整體的運營效率,為企業持續發展注入動力!
Thumbnail
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News