一條選題，自動變成三個平台的貼文加一套輪播圖（完整設定教學）
上一篇我們搭好了選題引擎：每朝自動掃行業熱話，由 AI 挑出適合你的題目寫入 Notion。但挑完之後，你仍然要把同一個題目寫三次，還要開設計工具逐張排輪播圖。這篇教學帶你搭建生產線的中間一段，把「起稿」這一步也交給自動化。
OctoFlow Automation
- 在 Notion 選題庫挑一條題目，AI 自動寫好 Facebook、Instagram、Threads 三個版本的貼文草稿。
- 同時生成一整套品牌輪播圖（封面、內文、行動呼籲三種版式），張數可以自己設定。
- 草稿與圖片全部寫回 Notion 同一行，你審閱後改成「準備發佈」，就接回自動發佈工作流。
- 要準備四個帳戶：Notion、OpenAI（或 OpenRouter）、browserless.io、Cloudflare R2。後面兩個都有免費額度，一般用量綽綽有餘。
內容生產線的最後一塊：有了選題，還是要逐個平台重寫
上一篇教學我們搭建了選題引擎：每朝自動掃描新聞與 YouTube 熱話，由 AI 挑出適合你的題目，寫入 Notion 選題庫。你開店之前，一張選題清單已經在等你挑。
但挑完之後呢？你仍然要坐下來，把同一個題目寫三次：Instagram 一個寫法、Facebook 一個寫法、Threads 又一個寫法。想製作輪播圖的話，還要再開設計工具逐張排版。選題自動化了，起稿這一步還是停留在人工環節。
這篇教學帶你搭建生產線的中間一段：在選題庫挑一條題目，AI 自動寫好三個平台的貼文草稿，同時生成一整套品牌輪播圖，全部寫回 Notion 等你審閱。你要做的只剩下看一眼、改一改、然後按一下「準備發佈」。
系統如何運作
整套工作流分三個部分：
- 選題：從 Notion 選題庫抽出你標記為「準備起稿」的那一條題目。
- 起稿：交給 AI，按你設定的品牌角色與受眾，同時寫出 Facebook、Instagram、Threads 三個版本的貼文，以及一套輪播圖的文案。
- 回寫：三份草稿寫回 Notion，輪播圖逐張截圖、上載到圖床（或雲端儲存空間），圖片網址一併寫回同一行。
整條工作流：左邊讀選題庫，中間 AI 起稿與製作圖卡，右邊回寫 Notion。
留意這是接力的中間一棒：上游的選題引擎把題目放進選題庫，這條工作流把題目變成草稿，下游的自動發佈工作流再把你批准的草稿送出去。同一個 Notion 資料庫串起三段，狀態欄就是接力棒。
開始之前：準備四個帳戶
- Notion：放選題與草稿的資料庫（上一篇已經開好，這篇直接沿用）。
- OpenAI（或 OpenRouter）：負責起稿。
- browserless.io：雲端瀏覽器，負責把輪播圖截圖。
- Cloudflare R2：存放生成好的圖片。
步驟一：沿用 Notion 選題庫，加兩類欄位
沿用上一篇的選題庫資料庫，不用另開，只要補兩類欄位：
- 草稿欄位
Draft_FB/Draft_IG/Draft_Threads（文字），存三個平台的貼文。 - 圖片欄位
Card_Carousel（Files & media），存整套輪播圖。 - 確認
狀態欄備齊五個選項：靈感→準備起稿→已起稿→準備發佈→已發佈。這五個狀態就是三條工作流之間的交接訊號。
還未接過 Notion API 的話，下面這段是完整做法（跟上一篇同一份，已經做過可以直接跳去步驟二）。
STEP 06
連接 Notion 與 n8n
Notion API key：在 Notion 範本頁 → 管理連接 → 前往開發人員入口 → 新連接 → 存取權杖，複製權杖並在頁面授權該連接。
n8n：進入 folder，把 IG business ID、Facebook page ID、Threads user ID 填入；新增 Notion Credential 貼上權杖，見 Credential test successful 即成功。
你的 Notion 資料庫需要以下欄位（名稱要一致，工作流靠它對欄）：
| Property | 類型 | 用途 |
|---|---|---|
| Name | Title | 內部識別 |
| Content_IG | Text | IG caption（留空 = 不發佈） |
| Content_FB | Text | FB 貼文 |
| Content_Threads | Text | Threads 貼文 |
| Image_URL | URL | 公開圖片直連（IG 須 JPEG） |
| Status | Select | Draft → Approved → 結果 |
| Posted_At | Date | 發佈時間（防重發） |
| Error_Log | Text | 失敗原因 |
步驟二：取得 OpenAI API key
這個工作流用 gpt-4.1-mini 起稿，執行一次不足美金一仙。每日跑一次，一個月也不到一元。香港若無法綁定 OpenAI 的美國付款方式，改用 OpenRouter 即可，下面一併說明。
取得 OpenAI API key（逐步）
- 登入 platform.openai.com：留意是 platform 這個網域，不是聊天用的 chat.openai.com。兩邊雖然同一個帳號，但 API 的設定只在 platform 這邊。
- 去 API keys：左邊選單找到 API keys，按 Create new secret key。可以為它命名（例如「n8n 選題引擎」），方便日後知道哪條 key 給哪個用途。
- 立即複製並記下：key 只在這一刻完整顯示一次，關掉對話框之後就只看得到頭尾幾個字。找不回就只能撤銷重建。
- 去 Billing 充值：新帳戶沒有免費額度，未充值的話呼叫會傳回
429 insufficient_quota。先充最低金額，測試整個流程即可。 - 在自動化工具貼上：以 n8n 為例：Credentials → 新增 OpenAI 憑證 → 貼上 key。之後所有節點選這個憑證就行，不用在節點裏重複貼。
香港用戶注意：兩件事要分開看。開戶與付款：如果身份驗證或信用卡過不了，改用 OpenRouter，做法完全一樣，下面有說明。發出請求：即使拿到 key，呼叫也一定要從香港以外的網絡發出，OpenAI 與 OpenRouter 都會阻擋香港 IP。把 n8n 自行架設在海外伺服器即符合。
安全提醒：key 等同密碼。不要貼進公開的 GitHub、截圖或影片；錄影前先確認畫面沒有展開任何 key。萬一外露，立即回 API keys 頁撤銷再建新的。
OpenAI platform 的 API keys 頁面。按右上角 Create new secret key 建立。
在 n8n 新增 OpenAI 憑證、貼上 key，顯示綠色 Connection tested successfully 即代表成功接通。
開不到 OpenAI 戶口的替代做法：在 OpenRouter 的 API Keys 按 New Key。
步驟三：browserless.io 雲端截圖
輪播圖是用 HTML 排好版面之後「擷取」成圖片的。這一步就是接上那個負責截圖的雲端瀏覽器。
取得 browserless API key：詳細步驟
- 註冊 browserless.io：用電郵註冊即可，免費方案不需要信用卡。
- 在首頁複製 API key：登入之後，首頁的 API Key 一欄就直接顯示你的 key，按右邊的複製圖示。不用另外去設定頁找。
- 查看用量：前往 Dashboard，會見到 Cloud Subscription 顯示 0 / 1,000。免費方案有 1,000 個 unit，每截一張圖用一個。同一頁也會顯示並發上限。
- 在自動化工具貼上：以 n8n 為例：Credentials → 新增憑證 → 選 Query Auth（⚠️ 不是 Header Auth）→ 把 key 貼進值的欄位。之後截圖節點選擇這個憑證即可。
安全提醒：key 等同密碼。不要貼進公開的 GitHub、截圖或影片；錄影前先確認畫面沒有展開任何 key。萬一外露，回到後台重新產生一條，舊的即時失效。
登入 browserless.io 之後，首頁的 API Key 一欄直接顯示你的 key，按右邊圖示複製即可。
Dashboard 的 Cloud Subscription：免費方案 1,000 個 unit，每截一張圖用一個。
想深入了解 browserless 的用法與收費，可以看browserless API 設定完整指南。
步驟四：Cloudflare R2 存放圖片
截出來的圖片要有個地方存放並取得一條公開網址，Notion 那邊才顯示得到。R2 有 10GB 免費儲存，而且流出流量免費。
設定 Cloudflare R2（逐步）
- 註冊 Cloudflare 並開 bucket：登入後左邊選 Storage（Object Storage）→ Create bucket → 輸入名稱 → 直接建立。地區可以用預設。
- 🔴 啟用 Public Development URL：進入剛建立的 bucket 的 Settings，找到 Public Development URL 並啟用它，然後把那條網址記下。這一步最多人漏。沒有它，檔案上載得到但沒有任何公開網址可以讀取，Notion 那邊就會顯示不到圖片。
- 建立 API token：回到 R2 Object Storage 主頁，右下角 Account Details 面板找到 API Tokens → Manage → Create Account API Token，自行輸入名稱。
- 權限選 Object Read and Write：不需要 Admin 級別。套用範圍維持預設即可；如果日後會開多個 bucket，這裏可以限定到指定 bucket。
- 記下三項資料：建立完成那一頁會顯示 Token value、Access Key ID、Secret Access Key，同頁下方還有 S3 endpoint。⚠️ 這幾樣只顯示一次，關掉頁面就看不到，最好立即貼進自動化工具。
- 在自動化工具接上：以 n8n 為例：Credentials → 新增 S3 憑證 → S3 Endpoint 貼 Cloudflare 給你那條 → Region 填
auto（⚠️ 不要填 AWS 地區代號）→ Access Key ID 與 Secret Access Key 分別貼上 → 儲存。
安全提醒：這一步會產生四組敏感資料。貼進工具之後就不要再顯示、不要截圖或錄影分享。萬一外洩，立即回 Cloudflare 撤銷該 token，再重新建立。
建立 bucket 之後的設定頁。
🔴 最多人漏的一步：在 bucket 的 Settings 啟用 Public Development URL，並把網址記下。
R2 主頁右下角 Account Details：由這裏的 API Tokens → Manage 進去建立 token。
權限選 Object Read and Write，不需要 Admin 級別。
建立完成後顯示的三樣東西加 S3 endpoint。只顯示一次，即刻記下。（示範帳戶的實際值已遮蓋）
在 n8n 新增 S3 憑證：Region 一定要填 auto，不要填 AWS 地區代號。
R2 收費表：10GB 儲存免費，流出流量免費。
做完之後，回到工作流的「算 URL」節點，把裏面的公開網址換成你自己那條。
「計算網址」節點：把示範用的 R2 網址換成你自己那條（圖中示範帳戶的網址已遮蓋）。
更多 R2 的收費細節與疑難排解，看Cloudflare R2 設定完整指南。
步驟五：在 n8n 匯入工作流、連接憑證
- 匯入「多平台內容起稿引擎」工作流（頁尾免費下載）到你的 n8n。
- 逐個連接憑證：Notion、OpenAI（或 OpenRouter）、browserless（Query 認證）、Cloudflare R2（S3 憑證）。
- 「整理起稿輸入」節點：這裡設定你的品牌身份：品牌角色、受眾、帳號名、標語，還有
slides變數（輪播圖張數，預設 5，改個數字就改張數）。換你的行業，主要就是改這一格。 - 「起三平台稿」節點：這是系統的心臟。提示詞已寫明三個平台各自的語氣長度要求，以及輪播圖每張的角色。
- 「算 URL」與「寫卡圖」兩處：貼上你自己的 R2 公開網址。
- 想每日自動運行就啟用排程；想自己控制，手動執行也可以。
在 n8n 右上角的「⋯」選單選 Import from URL，貼上上方的 JSON 連結，整條工作流就會匯入。
步驟六：輪播圖的三種版式
系統生成的不是五張一模一樣的圖，而是按角色分成三種版式：
- 封面（cover）：深色雜誌封面風，橙色標籤加大標題，右下角「SWIPE →」提示。這張清楚寫明題目與食物名，不會寫成抽象金句。
- 內文（body）：米白底，左上「重點 N」，背景一個大號碼水印。中間幾張均採用此版式。
- 行動呼籲（cta）：橙底黑字，一個「＋追蹤」按鈕樣式收尾。
三種版式由同一個 HTML 範本按張數自動分流，順序不會亂。想換成自己的品牌色，改那段 HTML 就可以，不用改工作流結構。
實測：執行一次看結果
準備工作做好後，我們去選題庫挑一條題目，把狀態改成準備起稿，然後手動 Execute：
- 工作流讀取那一條題目，抽出主題、分類、受眾。
- AI 同時寫出三個平台的貼文草稿，以及整套輪播圖的文案。
- 每張輪播圖構建為 HTML，逐張經 browserless 截圖，上載到 R2，取得公開網址。
- 三份草稿與整套圖片網址寫回 Notion 同一行，狀態自動變成已起稿。
執行完成後：三個 Draft 欄位都有內容，Card_Carousel 一欄可以見到整套輪播圖。
例如我們示範時用了「旺角人氣拉麵店 Chiikawa 九月結業」這條題目，系統就生成了一套五張的輪播圖：封面清楚寫明店名與結業消息，中間幾張講重點，最後一張呼籲追蹤。三個平台的文案也各自調整過長度與語氣。
看完覺得可以，或者自己改一改，就把狀態改成準備發佈，這樣就接回開頭介紹過的自動發佈工作流，整條內容生產線便銜接完成。
審閱完把狀態改成「準備發佈」，下一條工作流就會接手。
常見問題（FAQ）
如果你只要三個平台的文字草稿、不要輪播圖，那麼只需要 Notion 與 OpenAI 兩個，把製作圖卡與上載那幾個節點停用即可。要生成圖卡就一定要 browserless（截圖）與 R2（存放）兩個，兩者都有足夠的免費額度。
起稿用 gpt-4.1-mini，一次不足美金一仙。截圖每張用 browserless 一個單位，免費方案有 1,000 個。圖片存在 R2，10GB 以內免費。以每日出一個貼文計，實際成本接近零。
由「整理起稿輸入」節點的 slides 變數控制，預設 5 張。改個數字就改張數，版式會自動按角色分流（第一張封面、最後一張行動呼籲、中間都是內文）。
十之八九是漏了在 Cloudflare R2 的 bucket 設定啟用 Public Development 網址，或者「計算網址」節點還是預設的示範網址，未換成你自己那條。這一步很容易漏，因為上載那邊已經成功、不會報錯。
prompt 裏已經分開寫明三個平台的語氣與長度要求。如果出來的三份太相似，通常是品牌角色與受眾描述還是預設值，未改成你的行業。把那一格寫實一點，分別就會出來。
不會。這條工作流只把狀態推到「已起稿」，一定要你人手改成「準備發佈」，下游的發文工作流才會接手。這個人手關卡是刻意留的。
免費下載：多平台內容起稿引擎
- 完整 n8n 工作流 JSON：匯入即用，選題庫、AI 起稿、生成圖卡、上載、回寫全部已接好。
- Notion 欄位設定說明：三個草稿欄加一個圖片欄，照着加即可。
- 15 分鐘設定清單：逐項完成，不用逐頁對照教學。
照着做，不用從零研究。工作流與逐步教學免費公開；想要「15 分鐘設定清單」的便利版，可以留下電郵，我們寄給你。
還未把選題自動化？先看內容選題引擎完整設定教學。下游的發佈那一站看多平台自動發佈完整設定教學。