Markdown 樣式範例

這是一段普通段落文字，用來展示 文字樣式。 可以包含 粗體、斜體 和 行內程式碼。

標題範例

連結

這是一個 主題色連結，滑鼠 hover 會變色。

列表

這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。 這是一個 主題色連結，滑鼠 hover 會變色。

無序列表

• 項目 1

• 項目 2

  • 子項目 2a
  • 子項目 2b

• 項目 3

有序列表

1. 第一項

2. 第二項

   1. 子項目 2a
   2. 子項目 2b

3. 第三項

區塊引用

這是一個引用區塊，使用主題色邊框。 可以放多行文字，Markdown 會自動換行。

行內程式碼與程式區塊

行內程式碼示例：console.log('Hello World')

程式區塊示例：

function greet(name) {
  console.log(`Hello, ${name}!`);
}
/* hi I'm Ssuyu */

const a = 1

greet('Suyu');

<div class="pp">Hiiii</div>

圖片

表格

水平線

鍵盤按鍵、標記與刪除線

• 鍵盤按鍵：<kbd>Ctrl</kbd> + <kbd>C</kbd>
• 高亮文字：==這是標記文字==
• 刪除文字：刪除線文字

強調示例

粗體文字、斜體文字、粗斜體文字 行內程式碼示例、刪除線、==標記文字==

引用嵌套

外層引用

內層引用

外層引用結束

多層列表示例

1. 第一層項目

   • 第二層無序

     • 第三層無序
   1. 第二層有序

2. 第一層項目 2

結尾

Markdown 測試完畢，以上所有樣式在你的 <article class="prose"> 中應該都會呈現出亮暗模式下的效果。