LeeScot's Web
Markdown參考資料

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
  • 項目三

使用 -*+ 都可以:

  • 星號項目
  • 加號項目
  • 減號項目

有序列表

  1. 第一項
  2. 第二項
    1. 子項目 2.1
    2. 子項目 2.2
  3. 第三項

任務列表

  • 已完成的任務
  • 這個也完成了
  • 未完成的任務
  • 另一個待辦事項

定義列表

名詞一
名詞一的定義說明。
名詞二
名詞二的定義說明。

基本連結

參考式連結

這是一個 參考連結,這是另一個 連結

內部連結(同頁錨點)

跳到 表格章節


圖片 Images

基本圖片語法

![替代文字](圖片網址)
![替代文字](圖片網址 "標題")

網路圖片範例

Placeholder Image

帶連結的圖片

可點擊的圖片


表格 Tables

基本表格

欄位一欄位二欄位三
資料 1資料 2資料 3
資料 4資料 5資料 6
資料 7資料 8資料 9

對齊方式

左對齊置中對齊右對齊
LeftCenterRight
123451234512345

複雜表格

功能免費版專業版企業版
基本功能
進階報表
API 存取
24/7 支援
自訂部署
價格免費$99/月$499/月

表格中的格式

格式範例語法
粗體文字**文字**
斜體文字*文字*
程式碼code`code`
連結Google[文字](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

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

區塊公式:

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

縮寫 Abbreviations

當滑鼠懸停在縮寫上時,會顯示完整名稱:

HTML 規範由 W3C 維護。eGFR 是評估腎功能的重要指標。


註腳 Footnotes

這是一段包含註腳的文字1。這裡有另一個註腳2


Emoji

GitHub 風格的 emoji shortcode(需要 remark-emoji 插件):

:smile: :heart: :thumbsup: :rocket: :star:

或直接使用 Unicode emoji:

😀 ❤️ 👍 🚀 ⭐ 🎉 ✅ ❌ ⚠️ 💡


鍵盤按鍵

按下 Ctrl + C 複製,Ctrl + V 貼上。

Mac 使用者請按 + C + V


詳細資訊(摺疊)

點擊展開詳細資訊

這是摺疊區塊內的內容。

可以包含:

  • 列表
  • 格式文字
  • 程式碼
console.log("甚至程式碼區塊");
預設展開的區塊

這個區塊預設是展開的。


總結

以上涵蓋了大部分常用的 Markdown 語法。建議收藏此頁面作為寫作參考!

語法用途
#標題
**粗體
*斜體
-列表
>引用
`程式碼
---分隔線
[]()連結
![]()圖片

Footnotes

  1. 這是第一個註腳的內容。

  2. 這是第二個註腳的內容,可以包含多段文字。