# 在 Notion 打 /html 之後：HTML blocks 實操指令包
Notion HTML blocks 的價值不是只會嵌入 HTML，而是能把 SOP、學習頁、提案頁和週會頁變成頁面內小工具。這篇整理兩種入口、6 段可貼給 Notion Agent 的繁中指令，以及上線前檢查表。
> 同一題有更完整的整理：《Notion 3.6 最值得先試的 HTML blocks：5 種頁面小工具 ideas》（https://be-ai-curator.com/blog/notion-html-blocks-practical-ideas#h-2e9219）
Notion 的 HTML blocks，最適合先拿一頁來試。
昨天那篇我整理了 Notion 3.6 的更新，特別是 HTML blocks 可以把 SOP、提案、會議頁變成小工具。這一篇就不再重講 release，而是把操作入口和指令拆開來。
你可以先記一個原則：
選一頁，放一個工具，解一個常被問的問題。
### 兩種入口：/html 或 AI 建立
第一個入口很直接。
在 Notion 空白頁輸入 `/html`，選「HTML・嵌入區塊」。這個入口適合你已經有 HTML 檔，或知道自己要放一個互動區塊。
第二個入口是「使用 AI 建立」。
你可以從投影片、儀表板、報告、解釋工具、原型、遊戲這幾種類型開始，也可以直接描述你的點子。
對不寫程式的人來說，重點不是先懂 HTML。
重點是你要把需求講清楚：
- 這頁給誰用？
- 他要完成什麼？
- 需要輸入哪些資訊？
- 結果要怎麼顯示？
- 錯誤或答錯時，下一步是什麼？
這幾件事講清楚，Notion Agent 產出來的小工具才比較像真的能用。
### 例子一：新人報到頁變任務卡
很多新人 SOP 不是沒寫，而是讀完還是不確定自己有沒有做對。
如果每個新人都會問「工具申請完成了嗎」「資安那段要看到哪裡」「第一週還缺什麼」，那這頁很適合變成互動任務卡。
可以這樣跟 Notion Agent 說：
```
請根據這頁新人報到 SOP，做一個可以放在 Notion HTML block 的互動任務卡。
目標使用者是新進同事。
請把內容拆成三段：
1. 工具申請
2. 資安提醒
3. 第一週任務
每段要有：
- 一句任務說明
- 1 到 2 題小測驗
- 完成後顯示下一步
- 答錯時告訴他要回頭看哪一段
畫面要乾淨、繁體中文、適合放在 Notion 頁面裡。
不要連外部服務，不要收集個資，不要使用外部圖片。
```
這種頁面很適合當第一個實驗，因為它通常低風險、低敏感，結果也容易驗證。
### 例子二：學習頁變互動閃卡
學習頁、內訓頁、產品知識頁，常見問題是「資料整理得很好，但讀者到底有沒有吸收？」
你可以在頁尾放一組閃卡。
讀者看完內容後，用 5 分鐘測一次。答錯時不要只說錯了，直接告訴他要回頭看哪一段。
```
請把這頁學習筆記變成互動閃卡。
目標是讓讀者看完後，可以用 5 分鐘自我測驗。
請根據頁面內容整理 8 張閃卡。
每張閃卡包含：
- 正面：一個問題
- 背面：簡短答案
- 相關段落：告訴讀者要回頭看哪一段
請加上一個進度條，讓使用者知道自己看完幾張。
所有文字使用繁體中文。
不要使用外部服務或外部圖片。
```
這比單純整理筆記更接近「我真的學會了嗎？」。
### 例子三：週會頁變檢查器
週會頁和會議紀錄也很適合。
你可以做一個行動項檢查器，幫忙標出哪件事缺負責人、哪件事缺期限、哪件事已經可以執行。
```
請根據這頁會議紀錄，做一個行動項檢查器。
請掃描頁面中的待辦事項，並整理成三類：
1. 已有負責人與期限
2. 缺負責人
3. 缺期限
請用清楚的卡片顯示數量與項目。
最後給一段「下一步建議」，提醒主持人先補哪幾件事。
所有文字使用繁體中文。
不要連外部服務，不要建立新的 Notion 資料庫。
```
這種小工具的價值不在炫技，而是讓會議少掉一輪確認。
### 例子四：提案頁變 ROI 計算器
提案頁最常見的問題，是價值主張寫成文字後，讀者還是想知道「那對我大概是多少？」
如果這頁談的是節省時間、降低成本或提高產能，可以放一個簡單 ROI 計算器。
```
請把這頁客戶提案做成一個 ROI 計算器。
使用者需要輸入：
- 每月案件量
- 每件平均花費時間
- 每小時人力成本
- 預估節省比例
- 導入成本
請輸出：
- 每月節省時數
- 每月節省金額
- 預估回收期
- 一句適合放回提案的白話說明
畫面要適合業務或主管使用，繁體中文，欄位不要太多。
不要連外部服務，不要儲存輸入資料。
```
它會把抽象的「有效益」，變成對方自己的數字。
### 例子五：專案頁變風險小診斷
專案頁通常有時程、資料、決策者、驗收標準。只是這些資訊散在不同段落，團隊不一定會自己看出風險。
你可以在專案首頁放一個 5 題診斷：
```
請把這頁專案首頁變成一個風險小診斷。
請根據頁面內容，讓使用者回答 5 個問題：
1. 時程是否清楚
2. 資料是否齊全
3. 決策者是否確認
4. 外部依賴是否有人負責
5. 驗收標準是否明確
請根據回答顯示低風險、中風險或高風險。
結果區要告訴使用者最該先補哪兩件事。
畫面要簡潔、繁體中文、適合放在 Notion 頁面上方。
```
這不取代 PM 的判斷，但可以讓大家更早看到「現在卡的不是執行，而是資料或決策」。
### 一個好用的指令，通常有四格
如果你不知道怎麼跟 Notion Agent 說，可以先照這四格寫：
```
請把這頁變成一個可以放在 Notion HTML block 的互動小工具。
使用者是：＿＿＿＿＿
他要完成的事情是：＿＿＿＿＿
需要輸入的資料是：＿＿＿＿＿
結果要顯示：＿＿＿＿＿
請使用繁體中文。
畫面要乾淨，適合放在 Notion 頁面裡。
不要連外部服務，不要收集個資，不要使用外部圖片。
```
這比只說「幫我做一個互動頁」穩很多。
因為 AI 不是在猜你想要什麼，它是在根據你給的場景、輸入和判斷規則生成介面。
### 上線前先檢查 8 件事
HTML block 很適合小實驗，但不要一生成就丟到正式頁。
上線前先檢查這 8 件事：
1. 這個小工具是不是只解一個問題？
2. 使用者是不是不用看說明也知道怎麼開始？
3. 手機寬度下是否還看得懂？
4. 結果區有沒有告訴使用者下一步？
5. 答錯或輸入不完整時，有沒有清楚回饋？
6. 是否避開密碼、付款資料、客戶個資？
7. 是否沒有連到外部服務或未知來源？
8. 是否先在測試頁試過，再搬到正式頁？
第一個版本不用完美。
只要它能少掉一輪重複提問，就已經是值得留下的小工具。
### Sources
- Notion release 2026-07-01: https://www.notion.com/releases/2026-07-01
- Notion AI product page: https://www.notion.com/product/ai
- Notion Help: Buy and track Notion credits for Custom Agents: https://www.notion.com/help/buy-and-track-notion-credits-for-custom-agents
---
來源：AI 主理人 https://be-ai-curator.com/blog/notion-html-blocks-playbook · 更新於 2026-07-04