目錄區塊會依據頁面中的標題自動生成，對於長篇文件相當實用。讀者可以快速跳到感興趣的小節。

標題 H1

這是一篇用來測試 Notion Renderer 的示範文章，同時也當作一篇真實內容的範本。透過這篇文章，你可以看到各種常見排版：標題、段落文字、清單、引言、程式碼區塊、表格、分欄、公式與媒體嵌入等，方便在開發時確認渲染結果是否符合預期。

在實際使用情境中，你可能會拿這頁當作「設計系統」或「元件展示頁」，讓設計與工程都能快速比對畫面與 Notion 原生樣式是否一致。以下內容會以一篇教學文章的方式，循序介紹每一種區塊與其用途。

標題 H2

標題層級是文章結構的基礎。H1 通常做為頁面主標題，H2、H3 則負責切分段落與小節。這一段一般文字，用來測試最基本的段落渲染，同時模擬真實文章中常見的說明文字。

在這裡，我們也順便測試各種行內樣式：例如 粗體 可用於強調關鍵字，斜體 適合表達語氣或外文詞彙，刪除線 則能呈現修改痕跡，底線 可以凸顯特別重要的片語，還有一個 連結 示範超連結樣式。

另外，還有一些 inline code 文字，用於顯示短程式碼或指令片段，例如 npm run dev 或 node index.js。

清單與代辦事項

在實務文章或文件中，清單是非常常見的結構，適合用來整理步驟、條件或重點。以下示範無序清單與有序清單，以及待辦事項的搭配使用：

• 無序清單項目 1：適合列出條列重點，沒有前後順序的差別。
• 無序清單項目 2：可搭配巢狀清單說明更多細節。
  • 巢狀無序清單子項：用來補充說明上一項的細節或範例。

1. 有序清單項目 1：適合用在步驟教學或流程說明，順序具有意義。
2. 有序清單項目 2：每個步驟可以再細分子步驟。
   1. 巢狀有序清單子項：例如「2. 部署前檢查」底下的細項。

接著是待辦事項，用於追蹤任務進度：

• [ ] 待辦事項 1：尚未完成的任務，前方為空框。
• [x] 已完成事項 2：已經完成的項目，會顯示打勾狀態。

引言與分隔線

引言（Quote）適合引用外部文字、強調重要句子，或做為段落開頭的引導。