Markdown 完整語法展示
這篇文章展示了所有支援的 Markdown 語法格式,可作為撰寫文章時的參考。
標題 Headings
標題使用 # 符號,數量代表層級:
H1 一級標題
H2 二級標題
H3 三級標題
H4 四級標題
H5 五級標題
H6 六級標題
文字格式 Text Formatting
基本格式
- 粗體文字 - 使用
**文字**或__文字__ - 斜體文字 - 使用
*文字*或_文字_ - 粗斜體 - 使用
***文字*** 刪除線- 使用~~文字~~行內程式碼- 使用反引號`程式碼`- 螢光標記 - 使用
<mark>文字</mark> - 下標 - 使用
<sub>文字</sub> - 上標 - 使用
<sup>文字</sup>
組合使用
這是一段包含 粗體、斜體、刪除線 和 程式碼 的句子。
你也可以使用 粗斜體組合 或 刪除線粗體。
段落與換行
這是第一段文字。段落之間需要空一行。
這是第二段文字。 這行使用了兩個空格加換行(soft break)。
這是第三段,正常的段落間隔。
引用 Blockquotes
這是一段引用文字。 可以跨多行書寫。
單層引用
巢狀引用(兩層)
引用中的粗體
引用中也可以使用其他格式,例如:
- 列表項目一
- 列表項目二
Obsidian Callouts
備註
這是一個備註提示框,適合補充說明。
小技巧
這是一個小技巧提示框。
警告
這是一個警告提示框,提醒注意事項。
資訊
這是一個資訊提示框。
危險
這是一個危險警告提示框。
引言
這是一個引言提示框。
列表 Lists
無序列表
- 項目一
- 項目二
- 子項目 2.1
- 子項目 2.2
- 孫項目 2.2.1
- 項目三
使用 -、* 或 + 都可以:
- 星號項目
- 加號項目
- 減號項目
有序列表
- 第一項
- 第二項
- 子項目 2.1
- 子項目 2.2
- 第三項
任務列表
- 已完成的任務
- 這個也完成了
- 未完成的任務
- 另一個待辦事項
定義列表
- 名詞一
- 名詞一的定義說明。
- 名詞二
- 名詞二的定義說明。
連結 Links
基本連結
- Google 首頁
- 帶標題的連結
- 自動連結:https://www.google.com
- Email 連結:example@email.com
參考式連結
內部連結(同頁錨點)
跳到 表格章節
圖片 Images
基本圖片語法


網路圖片範例
帶連結的圖片
表格 Tables
基本表格
| 欄位一 | 欄位二 | 欄位三 |
|---|---|---|
| 資料 1 | 資料 2 | 資料 3 |
| 資料 4 | 資料 5 | 資料 6 |
| 資料 7 | 資料 8 | 資料 9 |
對齊方式
| 左對齊 | 置中對齊 | 右對齊 |
|---|---|---|
| 左 | 中 | 右 |
| Left | Center | Right |
| 12345 | 12345 | 12345 |
複雜表格
| 功能 | 免費版 | 專業版 | 企業版 |
|---|---|---|---|
| 基本功能 | ✅ | ✅ | ✅ |
| 進階報表 | ❌ | ✅ | ✅ |
| API 存取 | ❌ | ✅ | ✅ |
| 24/7 支援 | ❌ | ❌ | ✅ |
| 自訂部署 | ❌ | ❌ | ✅ |
| 價格 | 免費 | $99/月 | $499/月 |
表格中的格式
| 格式 | 範例 | 語法 |
|---|---|---|
| 粗體 | 文字 | **文字** |
| 斜體 | 文字 | *文字* |
| 程式碼 | code | `code` |
| 連結 | [文字](url) |
程式碼 Code
行內程式碼
使用 console.log() 輸出訊息,或執行 npm install 安裝套件。
程式碼區塊
不指定語言:
這是一般的程式碼區塊
沒有語法高亮
JavaScript
// JavaScript 範例
function greet(name) {
const message = `Hello, ${name}!`;
console.log(message);
return message;
}
greet('World');
TypeScript
// TypeScript 範例
interface User {
id: number;
name: string;
email: string;
}
function getUser(id: number): Promise<User> {
return fetch(`/api/users/${id}`)
.then(res => res.json());
}
Python
# Python 範例
def fibonacci(n: int) -> list[int]:
"""Generate Fibonacci sequence"""
if n <= 0:
return []
sequence = [0, 1]
while len(sequence) < n:
sequence.append(sequence[-1] + sequence[-2])
return sequence[:n]
print(fibonacci(10))
Bash
#!/bin/bash
# Bash 範例
echo "Hello, World!"
# 變數
NAME="User"
echo "Hello, $NAME!"
# 迴圈
for i in {1..5}; do
echo "Count: $i"
done
SQL
-- SQL 範例
SELECT
u.name,
u.email,
COUNT(o.id) as order_count
FROM users u
LEFT JOIN orders o ON u.id = o.user_id
WHERE u.created_at >= '2024-01-01'
GROUP BY u.id, u.name, u.email
HAVING COUNT(o.id) > 5
ORDER BY order_count DESC
LIMIT 10;
JSON
{
"name": "我的專案",
"version": "1.0.0",
"dependencies": {
"astro": "^5.0.0",
"tailwindcss": "^3.4.0"
},
"scripts": {
"dev": "astro dev",
"build": "astro build"
}
}
CSS
/* CSS 範例 */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
.button {
display: inline-flex;
align-items: center;
padding: 0.5rem 1rem;
background-color: #3b82f6;
color: white;
border-radius: 0.375rem;
transition: background-color 0.2s;
}
.button:hover {
background-color: #2563eb;
}
HTML
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<title>範例頁面</title>
</head>
<body>
<header>
<h1>歡迎</h1>
</header>
<main>
<p>這是內容區域。</p>
</main>
</body>
</html>
Diff
- 這行被刪除
+ 這行被新增
這行沒有變化
- const old = "舊的";
+ const new = "新的";
分隔線 Horizontal Rules
三種方式都可以產生分隔線:
使用三個減號:
使用三個星號:
使用三個底線:
跳脫字元 Escaping
使用反斜線 \ 跳脫特殊字元:
*這不是斜體*
[這不是連結](url)
# 這不是標題
特殊字元:` * _ { } [ ] ( ) # + - . !
數學公式 Math
行內公式:
區塊公式:
縮寫 Abbreviations
當滑鼠懸停在縮寫上時,會顯示完整名稱:
HTML 規範由 W3C 維護。eGFR 是評估腎功能的重要指標。
註腳 Footnotes
Emoji
GitHub 風格的 emoji shortcode(需要 remark-emoji 插件):
:smile: :heart: :thumbsup: :rocket: :star:
或直接使用 Unicode emoji:
😀 ❤️ 👍 🚀 ⭐ 🎉 ✅ ❌ ⚠️ 💡
鍵盤按鍵
按下 Ctrl + C 複製,Ctrl + V 貼上。
Mac 使用者請按 ⌘ + C 和 ⌘ + V。
詳細資訊(摺疊)
點擊展開詳細資訊
這是摺疊區塊內的內容。
可以包含:
- 列表
- 格式文字
程式碼
console.log("甚至程式碼區塊");
預設展開的區塊
這個區塊預設是展開的。
總結
以上涵蓋了大部分常用的 Markdown 語法。建議收藏此頁面作為寫作參考!
| 語法 | 用途 |
|---|---|
# | 標題 |
** | 粗體 |
* | 斜體 |
- | 列表 |
> | 引用 |
` | 程式碼 |
--- | 分隔線 |
[]() | 連結 |
![]() | 圖片 |