圖片與截圖使用說明

這個 _assets 資料夾是整套 n8n 教材的圖片區。
目的不是單純放圖，而是讓每一章的截圖、圖說、PDF 輸出都能維持一致。

建議資料夾結構

• _assets/01-安裝與起步
• _assets/02-新手入門
• _assets/03-實戰手冊
• _assets/05-API
• _assets/07-OpenAI
• _assets/13-LINE
• _assets/shared

使用原則

• 跟著章節主題放，不要把所有圖片丟在同一層
• 跨章節都會用到的圖，放進 shared
• 檔名要清楚，不要用 截圖 1.png 這種名字

檔名建議

建議格式：

主題-步驟-內容.png

例如：

• install-01-docker-home.png
• first-workflow-02-set-node.png
• webhook-03-test-url.png
• line-04-reply-token.png

在 Obsidian 裡怎麼插圖

最建議用 wiki embed：

![[first-workflow-02-set-node.png]]

如果你想保留相對路徑感，也可以：

![[_assets/02-新手入門/first-workflow-02-set-node.png]]

圖說建議格式

每張圖下面都加一行短圖說：

![[first-workflow-02-set-node.png]]

圖 1：`Set` 節點建立三個基本欄位的畫面。

哪些圖最值得先補

優先補這 5 種：

1. 節點從哪裡新增
2. 欄位在哪裡填
3. 設定完成後畫面長什麼樣
4. 執行後 output 在哪裡看
5. 常見錯誤畫面長什麼樣

PDF 輸出注意事項

• 單張圖不要太大
• 盡量用清楚檔名
• 每張圖加圖說
• 一個章節不要塞太多重複畫面

想一想

截圖不是為了讓筆記看起來更豐富，而是為了降低讀者在介面中的迷路成本。如果一個步驟只靠文字就能清楚說明，就不一定要截；但如果一個畫面有很多欄位、標籤、切換區，或是很容易按錯，那張圖就很值得放。好的教材不是圖越多越好，而是圖剛好補上文字最難描述的地方。