全教材截圖補強清單¶
這份清單的目的不是要每章都塞滿圖片，而是精準指出「哪一節 最值得補哪幾張圖」。
使用原則¶
每一節 優先補這 5 種圖：
- 節點或功能從哪裡新增
- 關鍵欄位在哪裡填
- 填好後的完成畫面
- 執行後 output 在哪裡看
- 最常見錯誤畫面
第一優先章節¶
01 n8n 版本選擇與安裝策略¶
6. macOS 安裝 n8n¶
- Docker Desktop 首頁或已啟動畫面
- Terminal 執行
docker run的畫面 - 瀏覽器開啟
http://localhost:5678的畫面
7. Windows 安裝 n8n¶
- Docker Desktop 已啟動畫面
- PowerShell 執行
docker run的畫面 - 瀏覽器開啟
http://localhost:5678的畫面
8. Linux / Ubuntu 安裝 n8n¶
docker --version/docker compose version驗證畫面docker run或docker compose up -d的畫面- n8n 首頁畫面
18. 各系統常見錯誤與排查¶
docker: command not foundzsh: command not found: n8n- webhook 打不到或資料不見的典型錯誤畫面
20. 安裝完成後第一個 Workflow 導引¶
- 新建 workflow 的入口
Manual Trigger + Set節點畫布Set欄位填寫畫面- 右側 output 畫面
HTTP Request設定畫面Webhook的 test URL / respond 設定畫面
02 n8n 新手入門完整教學¶
5. 第一個 Workflow¶
Manual Trigger新增位置Set節點新增欄位- 執行結果
6. 用 Webhook 接收外部資料¶
Webhook節點畫面- test URL / production URL 位置
Respond to Webhook畫面
7. 用 HTTP Request 串接 API¶
HTTP Request的 URL 欄位- response output
11. 除錯方法與常見錯誤¶
- 錯誤 execution 畫面
- node error details 面板
03 n8n 實戰手冊：Webhook、Google Sheets、OpenAI¶
2. Webhook 收單資料並寫入 Google Sheets¶
- Webhook 設定
- Google Sheets credential 選擇
- 欄位 mapping
- 成功寫入後的 sheet 畫面
3. 定時抓 API 並整理成報表¶
Schedule Trigger設定HTTP Request設定- 整理後 output
4. Webhook 串 OpenAI 自動摘要¶
- OpenAI credential 設定
- prompt 欄位
- 輸出摘要結果
05 n8n API 串接觀念與除錯手冊¶
3. HTTP Request 節點怎麼想¶
HTTP Request基本設定頁
4. Method、Headers、Body、Auth¶
- method 下拉選單
- headers 區
- body 區
- auth 區
6. 錯誤排查與除錯順序¶
- 401 / 403 / 404 / 500 其中 1 到 2 個實際錯誤畫面
- output / logs 查看位置
07 n8n + OpenAI 實作範例集¶
2. 範例一：會議紀錄摘要¶
- 輸入資料欄位
- OpenAI 節點 prompt
- 輸出摘要
3. 範例二：客服訊息分類¶
- 分類 prompt
- 結果欄位
5. Prompt 設計原則¶
- prompt 欄位實例
- 結果前後對照
13 n8n LINE Bot 與 Line Webhook 教學¶
3. 本機做 LINE Bot 時最容易卡住的地方¶
- n8n 公開網址畫面
- LINE Developers webhook 設定畫面
4. Line Webhook 節點怎麼看¶
- 節點參數頁
- Webhook URL 區塊
5. 第一個 LINE 回聲機器人怎麼做¶
- workflow 畫布全圖
- reply token 相關欄位
- 成功回覆結果
9. 一份實務上好用的欄位 mapping¶
- mapping 欄位對照圖
第二優先章節¶
04 n8n Expression 完全指南¶
- expression editor 在哪裡
$json/ schema 面板- 錯誤 expression 範例
06 n8n 學習評量與完成檢查表¶
- 完成範例 workflow 畫面
- execution 成功畫面
08 n8n Agent 基礎補充教材¶
- AI Agent 節點組合圖
- model / memory / tool 接法
09 n8n Tool 全分類教學¶
- tool description 欄位
- AI Agent 掛 tool 的畫面
10 n8n RAG 與 Voice Agent 補充教材¶
- RAG workflow 圖
- Voice RAG workflow 圖
14 n8n Community Nodes 教學¶
- Community Nodes 安裝入口
- 安裝完成後搜尋節點畫面
第三優先章節¶
這些章節可放少量示意圖，不必大量逐步截圖：
- 11 n8n 雲端與地端部署教學
- 12 n8n 2.0 升級與維護教學
- 15 n8n 真實生活應用案例地圖
- 16 n8n 如何助推商業成效
- 17 n8n 與未來機器人的關聯
- 18 自創第一個 Community Node 實作教學
- 19 實作一個範例 Community Node 專案
- 20 Weather Node 程式解說
最值得先補的 3 章¶
如果你現在只想先做一輪高價值補圖，順序建議是：
01 n8n 版本選擇與安裝策略02 n8n 新手入門完整教學13 n8n LINE Bot 與 Line Webhook 教學
想一想¶
不是每一章都值得做成「滿版截圖教材」。截圖最有價值的地方，是那些只看文字很容易迷路、而且一按錯就會失敗的操作畫面。你如果先把高摩擦章節補好，整套教材的可讀性就會明顯提升；反過來說，如果把很多概念章也塞滿圖，讀者反而會被畫面淹沒，看不到重點。所以截圖應該像路標，而不是壁紙。