Markdown 語法速查表完整教學:從入門到精通的必備指南

全面介紹 Markdown 語法,從基礎標題、列表、連結到進階表格、程式碼區塊,搭配免費線上速查表工具,讓您快速掌握這門實用技能。

本文介紹的工具:Markdown 語法速查表

前言

Markdown 是一種輕量級標記語言,由 John Gruber 於 2004 年創建,旨在讓人們能夠使用易讀易寫的純文字格式編寫文件,然後轉換成結構化的 HTML 文件。如今,Markdown 已成為技術文檔、部落格寫作、GitHub README、筆記軟體等領域的標準格式。

本教學將帶您全面了解 Markdown 語法,從基礎到進階,搭配我們的免費線上 Markdown 語法速查表工具,讓您快速掌握這門實用的技能。

為什麼要學習 Markdown?

在開始學習語法之前,讓我們先了解為什麼 Markdown 如此受歡迎:

簡潔易學:Markdown 語法非常直觀,大多數人只需要 10 分鐘就能學會基本用法。不像 HTML 需要記憶大量標籤,Markdown 使用簡單的符號來表示格式。

跨平台通用:無論是 GitHub、GitLab、Notion、Obsidian、Typora 還是各種部落格平台,都支援 Markdown 格式。學會一次,到處適用。

專注內容:使用 Markdown 寫作時,您可以專注於內容本身,而不是排版格式。這大大提高了寫作效率。

版本控制友好:Markdown 是純文字格式,非常適合使用 Git 等版本控制系統進行管理。

基礎語法詳解

標題

Markdown 使用 # 符號來表示標題,# 的數量代表標題層級:

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

使用技巧

  • 標題和 # 之間要有空格
  • 一篇文章通常只使用一個一級標題
  • 標題層級不要跳躍(例如從 H2 直接跳到 H4)

段落與換行

Markdown 中的段落由一個或多個空行分隔。如果要在段落內換行,需要在行末加上兩個空格,或者使用 <br> 標籤。

這是第一段文字。

這是第二段文字。

這是同一段落的第一行  
這是同一段落的第二行(注意上一行末尾有兩個空格)

文字強調

Markdown 提供多種文字強調方式:

*斜體文字* 或 _斜體文字_
**粗體文字** 或 __粗體文字__
***粗斜體文字*** 或 ___粗斜體文字___
~~刪除線文字~~

實際效果

  • 斜體文字
  • 粗體文字
  • 粗斜體文字
  • 刪除線文字

列表

無序列表使用 -*+ 開頭:

- 項目一
- 項目二
  - 子項目 A
  - 子項目 B
- 項目三

有序列表使用數字加點:

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

任務列表(GitHub 風格):

- [x] 已完成的任務
- [ ] 未完成的任務
- [ ] 另一個待辦事項

連結與圖片

連結語法

[連結文字](https://example.com)
[帶標題的連結](https://example.com "滑鼠懸停顯示的標題")

圖片語法

![替代文字](圖片網址)
![Logo](https://example.com/logo.png "圖片標題")

參考式連結(適合多次引用同一連結):

這是一個[參考式連結][1]。

[1]: https://example.com "連結標題"

引用

使用 > 符號來建立引用區塊:

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

程式碼

行內程式碼使用反引號:

使用 `console.log()` 來輸出訊息。

程式碼區塊使用三個反引號,可指定語言:

```javascript
function hello() {
  console.log("Hello, World!");
}
```

水平分隔線

使用三個或以上的 -*_

---
***
___

進階語法

表格

Markdown 表格使用 |- 來建立:

| 標題一 | 標題二 | 標題三 |
|--------|:------:|-------:|
| 靠左   | 置中   | 靠右   |
| 內容   | 內容   | 內容   |

對齊方式

  • :--- 靠左對齊
  • :---: 置中對齊
  • ---: 靠右對齊

腳註

這是一段需要註解的文字[^1]。

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

定義列表

術語
: 術語的定義說明

Markdown
: 一種輕量級標記語言

數學公式(部分平台支援)

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

區塊公式:

$
\frac{n!}{k!(n-k)!} = \binom{n}{k}
$

HTML 標籤

Markdown 支援直接使用 HTML 標籤:

<details>
<summary>點擊展開</summary>
這是隱藏的內容。
</details>

<kbd>Ctrl</kbd> + <kbd>C</kbd> 複製

使用我們的 Markdown 語法速查表工具

我們的免費線上 Markdown 語法速查表工具提供以下功能:

分類清晰:所有語法按類別整理,包括基礎語法、進階語法、GitHub 擴展等,方便快速查找。

一鍵複製:每個語法範例都可以一鍵複製到剪貼簿,直接貼到您的編輯器中使用。

即時預覽:部分語法提供即時預覽效果,讓您直觀了解渲染結果。

完全免費:無需註冊、無需下載,打開網頁即可使用。

操作步驟

  1. 前往奧特線上工具的 Markdown 語法速查表頁面
  2. 瀏覽或搜尋您需要的語法
  3. 點擊語法卡片右上角的複製按鈕
  4. 將複製的語法貼到您的 Markdown 編輯器中
  5. 根據需要修改內容

搭配其他 Markdown 工具使用

我們還提供一系列 Markdown 相關工具,幫助您更高效地處理 Markdown 文件:

Markdown 編輯器:即時預覽的線上編輯器,支援語法高亮和快捷工具列。

Markdown 轉 HTML:將 Markdown 文字轉換為 HTML 格式,支援多種樣式選項。

HTML 轉 Markdown:將 HTML 內容轉換為 Markdown 格式,方便遷移內容。

Markdown 表格產生器:視覺化建立 Markdown 表格,支援 CSV 匯入。

Markdown 轉 PDF:將 Markdown 文件匯出為專業的 PDF 格式。

常見問題

Q: Markdown 和 HTML 有什麼區別?

A: Markdown 是一種簡化的標記語言,最終會被轉換成 HTML。Markdown 更易讀易寫,適合內容創作;HTML 功能更強大,適合網頁開發。

Q: 不同平台的 Markdown 語法有差異嗎?

A: 是的,不同平台可能支援不同的擴展語法。例如 GitHub Flavored Markdown (GFM) 支援任務列表、表格等擴展功能。我們的速查表涵蓋了最常用的語法。

Q: 如何在 Markdown 中顯示特殊字元?

A: 使用反斜線 \ 來轉義特殊字元。例如 \* 會顯示為 * 而不是斜體。

Q: Markdown 支援哪些程式語言的語法高亮?

A: 大多數 Markdown 渲染器支援常見程式語言的語法高亮,包括 JavaScript、Python、Java、C++、HTML、CSS、SQL 等。

結語

Markdown 是現代寫作的必備技能,無論您是程式設計師、技術寫作者、部落客還是學生,掌握 Markdown 都能大幅提升您的工作效率。

立即使用我們的免費 Markdown 語法速查表工具,開始您的 Markdown 學習之旅吧!


相關工具推薦