Markdown渲染測試
1. 標題測試 (Headings)
H1 一級標題
H2 二級標題
H3 三級標題
H4 四級標題
H5 五級標題
H6 六級標題
2. 文本樣式 (Text Styling)
- 加粗文本 (Bold)
- 斜體文本 (Italic)
- 加粗並斜體 (Bold & Italic)
刪除線文本 (Strikethrough)行內代碼 (Inline Code)- 底線文本 (Underline via HTML)
- 按鍵樣式:Ctrl + C
- 上標與下標:H2O / X2
3. 列表 (Lists)
無序列表
- 項目 A
- 項目 B
- 子項目 B-1
- 子項目 B-2
- 三級縮進
- 項目 C
有序列表
- 第一步
- 第二步
- 第二步的子步驟
- 第二步的子步驟
- 第三步
任務列表 (Task Lists)
- 已完成的任務
- 待辦任務 A
- 待辦任務 B
4. 引用與提示 (Blockquotes & Admonitions)
普通引用
這是一段引用文本。
引用中可以包含空行。
嵌套引用
第一層
第二層
第三層
提示塊 (GFM Alert 語法 - 如果支持)
NOTE
這是一個 Note 類型的提示塊。
WARNING
這是一個 Warning 類型的警告塊。
5. 代碼高亮 (Code Blocks)
JavaScript
function helloWorld() { const message = "Hello, Markdown!"; console.log(message); return true;}Python
import os
def list_files(directory): # 這是一個 Python 函數 return [f for f in os.listdir(directory)]Diff (差異對比)
var x = 10;const x = 20;6. 表格 (Tables)
| 左對齊 (Left) | 置中對齊 (Center) | 右對齊 (Right) |
|---|---|---|
| 儲存格 1 | 儲存格 2 | 儲存格 3 |
| 文本內容 | 斜體 | 加粗 |
| 較長的文本測試 | code | $100 |
7. 連結與圖片 (Links & Images)
連結
圖片


8. 數學公式 (LaTeX)
行內公式 (Inline)
質能方程是 ,歐拉公式是 。
塊級公式 (Block)
高斯積分:
馬克士威方程組(微分形式):
9. 擴展功能 (Extensions)
註腳 (Footnotes)
定義列表 (Definition List)
Markdown
: 一種輕量級標記語言。
HTML
: 超文本標記語言。
Mermaid 圖表 (如果支持)
graph TD;
A[開始] --> B{判斷};
B -- 是 --> C[執行操作];
B -- 否 --> D[結束];
C --> D;
10. 特殊字符轉義
- 星號:*literal asterisks*
- 井號:#hashtag
- 反引號:`
Footnotes
Title: Markdown渲染測試 Author: Neurocoda Created at: 2026-02-17 07:19:08
Updated at:
2026-02-19 04:39:26 Link: https://neurocoda.com/zh-TW/posts/markdown-rendering-test/ License:
This work is licensed under
CC BY-ND 4.0.
Comments