即時精選

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
蝦仁藥師_臨床輕鬆學的沙龍
27會員
199內容數
哈囉~!這裡主要在分享醫療知識,還有記錄下學習程式語言的各種筆記,偶爾穿插一些個人的淺見與有趣分享,希望大家都可以在這邊得到有用的資訊~!
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
在這個章節中,我們介紹了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 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News