MO STORIES
用 Claude Code + Kie AI 做 IG 輪播:從 Markdown 到上架的完整自動化工作流(2026)
半年前,我發一篇 IG 輪播要花 45 分鐘。 打開 Canva、找模板、拉圖、改文字、匯出 10 張 PNG、上傳、打 caption、發文。流程複雜,哪一步出錯就要重跑。 現在我用 Claude Code + Kie AI,同樣一篇輪播,20 分鐘以內可以從草稿到上架。而且每一步都在本地,不靠任何付費 SaaS。 ...

用 Claude Code + Kie AI 做 IG 輪播:從 Markdown 到上架的完整自動化工作流(2026)
半年前,我發一篇 IG 輪播要花 45 分鐘。
打開 Canva、找模板、拉圖、改文字、匯出 10 張 PNG、上傳、打 caption、發文。流程複雜,哪一步出錯就要重跑。
現在我用 Claude Code + Kie AI,同樣一篇輪播,20 分鐘以內可以從草稿到上架。而且每一步都在本地,不靠任何付費 SaaS。
這篇把整條工作流拆開寫給你看。
先講結論
IG 輪播自動化的關鍵有三個:
- 把視覺設計寫成 HTML template(而不是用 Canva 拖)
- 用 Kie AI 生成背景圖(而不是在圖庫翻半天)
- 用 Claude Code 把整條流程寫成腳本(Markdown → PNG → R2 → Notion → IG)
一次寫好,以後每篇輪播都跑同一套。
整體工作流
Threads 熱門貼文 / 想法
↓ Claude Code 寫草稿
Markdown 草稿(10 張 slide)
↓ Kie AI 生成背景圖
背景照片(5 張,1080×1350)
↓ render-carousel.js(Playwright 截圖)
10 張 PNG(含背景 + 文字)
↓ upload-to-r2.ts
Cloudflare R2(永久 CDN)
↓ Notion API PATCH
Notion Social DB(Image 欄位)
↓ publish-all.js(Meta Graph API)
IG 輪播上線
整條鏈路 Claude Code 都能自己跑。
步驟一:寫 Markdown 草稿
每一篇輪播都是一個 .md 檔,用簡單的語法標記每張 slide。
* **Slide 1(封面)**
[section: cover]
[image: social-media/drafts/images/slide1.jpg]
[copy]:
減法生活的
5 個訊號
* **Slide 2(鋪陳)**
[section: why]
[copy]:
你有沒有這樣過?
晚上十一點躺在床上,
回想今天做了什麼,
腦中一片空白。
幾個關鍵設計:
[section: cover|why|what|turn|how|cta]控制底色(暗房模板會根據 section 切換情緒)[image: 路徑]嵌入背景圖[copy]:後面是文字內容,換行就是換行
一篇 10 張的輪播草稿寫完大概 1000-1500 字,10-15 分鐘。
品牌禁用詞自動檢查
我寫了一套規則在 CLAUDE.md 裡,包含:
- 禁用句型:
不是A,是B、不是A,而是B、與其A,不如B、真正的A,其實是B - 禁用詞:撐、卡、療癒、其實、總而言之
Claude Code 寫草稿時會自動避開。渲染腳本最後還會跑一次 regex 掃描,有踩到就擋發佈。
步驟二:用 Kie AI 生成背景圖
10 張輪播裡,通常 5 張需要背景照片(封面、訊號頁、HOW 頁)。
以前我會去 Unsplash 或 Pexels 翻半天,現在直接用 Kie AI 生成。
Kie AI 基本用法
Kie AI 是一個整合多種生圖模型的 API 平台,支援 Flux、Seedream、Nano Banana、Z-Image 等。
用 Terminal 一行指令:
npx ts-node scripts/generators/generate-kie-image.ts \
"A person lying on the couch at night, scrolling phone, dim warm light, minimalist Japanese aesthetic, cinematic" \
--ratio 9:16 \
--model z-image
幾秒內就拿到圖片 URL。
瘦桑的 Prompt 原則
經過多次實驗,我現在的 prompt 固定幾個元素:
| 元素 | 範例 |
|---|---|
| 場景 | person lying on couch at night |
| 動作 | scrolling phone |
| 光線 | dim warm light, golden hour, moody lighting |
| 風格 | cinematic photography, minimalist Japanese aesthetic |
| 構圖 | 9:16 vertical composition, shallow depth of field |
| 禁止 | no text, no watermark, no logo |
不要讓 AI 在圖上打字。文字部分留給 HTML template 處理,字型和排版才能統一。
模型怎麼選
| 模型 | 適用場景 | 我的評價 |
|---|---|---|
z-image |
預設、一般配圖 | 參數簡單、速度最快 |
flux-2/flex-text-to-image |
需要更穩定品質 | 比 z-image 慢一點,品質稍好 |
seedream/4.5-text-to-image |
要 2K/4K 大圖 | 高解析度,費時較多 |
google/nano-banana-edit |
文章封面(要保留人臉) | 只用在品牌封面 |
IG 輪播背景圖用 z-image 就夠。5 張圖總時間約 30 秒。
步驟三:Playwright 渲染 PNG
這是整條鏈路最核心的一段:scripts/generators/render-carousel.js
它做的事:
- 讀取 Markdown 草稿
- 根據
[section]選擇對應的 HTML template - 把
[copy]:和[image]注入 template - 用 Playwright 打開 template(1080×1350 viewport)
- 截圖存成
slide_1.png到slide_10.png
一個指令搞定:
node scripts/generators/render-carousel.js --template=d \
social-media/drafts/2026-04-13.md
10 張圖大約 30 秒渲染完成。
為什麼不用 Canva?
| 項目 | Canva | HTML template |
|---|---|---|
| 改文案 | 手動進 Canva 改 | Markdown 編輯器直接改 |
| 版本控制 | ❌ 沒有 | ✅ git diff |
| 批次生成 | ❌ 一張張拉 | ✅ 一個指令 10 張 |
| 設計一致性 | 容易手滑 | template 固定,每張完全一致 |
| 月費 | NT$449 起 | 零 |
| 可程式化 | ❌ | ✅ Claude Code 可直接改 template |
Canva 的優勢是入門門檻低。但一旦流程固定,HTML template 的複利太大。
我有四個 template
| 模板 | 風格 | 適用 |
|---|---|---|
| A | 白底黑字極簡 | 嚴肅知識型 |
| B | 深色克制 | 工具教學型 |
| C | Brutalist dot grid | 實驗感 |
| D(預設) | 暗房 editorial | 敘事型、情緒型 |
Template D 是我現在的主力。配 Kie AI 生成的暗調背景圖,整體視覺辨識度很強。
步驟四:上傳 Cloudflare R2
生成的 PNG 要傳到穩定的 CDN。Meta Graph API 發佈時會從你給的 URL 拉圖,所以 URL 必須:
- 穩定(不能幾小時就過期)
- 公開可讀
- 速度快(影響 IG 處理時間)
Cloudflare R2 完美符合這三個條件,而且免出站流量費用。
上傳指令:
for i in 1 2 3 4 5 6 7 8 9 10; do
npx tsx scripts/ops/upload-to-r2.ts \
social-media/drafts/output/2026-04-13-d/slide_${i}.png \
social/carousel/2026-04-13-slug/slide_${i}.png
done
一次傳 10 張,大約 10 秒。
踩過的坑:IG 讀到 CDN 舊版
有一次我重新上傳了圖片到同一個 R2 路徑,但 IG 發佈時讀到的是 Cloudflare CDN 的舊版本。結果上線的輪播前 8 張是新圖、後 2 張是舊圖。
解法:重發時換新路徑(例如加 -v2 後綴),繞開 CDN cache。
步驟五:PATCH Notion Social DB
我把每篇社群貼文都存在 Notion 的 Social 資料庫,方便追蹤發佈狀態、caption、排程時間。
渲染完之後把 R2 URL 寫回 Notion:
import urllib.request, json
files = [
{"name": f"slide_{i}.png",
"external": {"url": f"https://image.lashiblog.com/social/carousel/xxx/slide_{i}.png"}}
for i in range(1, 11)
]
body = {"properties": {"Image": {"files": files}}}
req = urllib.request.Request(
f"https://api.notion.com/v1/pages/{page_id}",
data=json.dumps(body).encode(),
method="PATCH",
headers={"Authorization": f"Bearer {key}",
"Notion-Version": "2022-06-28",
"Content-Type": "application/json"}
)
urllib.request.urlopen(req)
這一步讓後續發佈腳本能從 Notion 讀到所有圖片 URL。
步驟六:Meta Graph API 發佈
最後一步用 publish-all.js 發佈到 IG。這個腳本讀 Notion 頁面的 Image 欄位和 Instagram caption 欄位,然後呼叫 Meta Graph API。
IG Carousel 的三階段發佈
IG 輪播不是一次 POST 就完成,是三步:
- 每張圖建一個
carousel_itemcontainer - 把所有 container ID 綁成一個
CAROUSELcontainer - publish 那個 CAROUSEL container
每一步都要 polling status_code=FINISHED,不然會遇到 Media ID is not available 錯誤。
async function waitForInstagramContainerFinished(containerId, token) {
for (let i = 0; i < 20; i++) {
const r = await fetch(`https://graph.facebook.com/v20.0/${containerId}?fields=status_code&access_token=${token}`);
const d = await r.json();
if (d.status_code === 'FINISHED') return;
if (d.status_code === 'ERROR') throw new Error('container error');
await new Promise(resolve => setTimeout(resolve, 2500));
}
throw new Error('container timeout');
}
這個 polling 一開始我漏寫,手動 curl 能過但腳本會爆 Media ID is not available。後來才搞懂是 IG server-side 處理圖片需要時間。
完整發佈指令
設定好就一個指令:
node scripts/social/publish-all.js \
--page 33ef1617f1c6816386b5d68ee71dc362 \
--platforms instagram
平均 2-3 分鐘完成(含 Meta API polling)。
完整時間拆解
| 步驟 | 時間 |
|---|---|
| 寫 Markdown 草稿(10 張) | 10-15 min |
| Kie AI 生成 5 張背景圖 | 30 秒(並行) |
| Playwright 渲染預覽 | 1 min |
| 人工確認視覺 | 2-5 min |
| 渲染正式 PNG | 30 秒 |
| 上傳 R2(10 張) | 10 秒 |
| PATCH Notion Image | 5 秒 |
| 補 Instagram caption | 3-5 min |
| publish-all.js 發佈 | 2-3 min |
| 總計 | 約 20-30 分鐘 |
其中真正需要人的時間只有 15-20 分鐘(寫稿 + 確認視覺 + 補 caption),其他都是自動化。
成本估算
| 項目 | 費用 |
|---|---|
| Cloudflare R2 | 10 GB 免費額度內(每月不超過) |
| Kie AI(5 張圖/篇,每月 30 篇) | 約 NT$150-300 |
| Notion | Free plan 夠用 |
| Meta Graph API | 免費 |
| Claude Code | 已訂閱(Max $20/月) |
| 單篇邊際成本 | 約 NT$5-10 |
對比 Canva Pro 月費 NT$449,用量越多越划算。
誰適合這套流程
適合:
- 會用 Terminal、懂 Markdown 的自媒體經營者
- 內容量大、想省時間的一人公司
- 對視覺一致性有強迫症的人
- 已經在用 Claude Code 的人
不適合:
- 完全零技術背景、只想點點點就出圖的人
- 需要大量複雜視覺設計(漸層、特殊插畫)的品牌
- 一個月只發 1-2 篇的低頻用戶
踩過的四個大坑
① Meta Graph API 的 polling bug
如前面提到,carousel item 要等 FINISHED 才能 publish。一開始沒寫 polling,bug 讓我卡了兩個小時。
② IG caption 發佈後不能改
這是 IG 硬性限制。你在建 container 時寫的 caption 是什麼,publish 後就是什麼。我有次測試時 caption 寫 test publish check 就按發佈,貼文永遠改不了,只能刪除重發。
建議:publish 前一定要確認 Notion 裡的 caption 是最終版。
③ Cloudflare CDN cache 讀到舊圖
同路徑覆蓋 R2 的圖片後,IG 可能讀到 CDN 舊版。解法是重發用新路徑(加 -v2 後綴)。
④ 部分用戶的 Claude Code cache 被降級
Anthropic 2026-04-02 起對部分 Max 帳號偷偷把 cache TTL 從 1 小時降到 5 分鐘。長時間對話成本會變高。建議每天檢查一次:
# 掃 ephemeral_5m_input_tokens 是否 > 0
grep "ephemeral_5m_input_tokens" ~/.claude/projects/*.jsonl
結語:把流程變成腳本,注意力只留給內容
這套工作流最大的價值不是速度。
是可複製性。
每篇輪播走一樣的流程,Claude Code 記得所有規則(品牌禁用詞、template、CTA 位置、圖片規格、發佈 API),我只需要想內容。
工具縮到最少,流程自動化最多。注意力只留給真正重要的事(內容本身)。
這是減法自媒體的底層邏輯,也是為什麼我把這套流程開源給讀者:複雜的東西藏在腳本裡,簡單的東西留在你手上。
免費工具下載
這篇提到的所有腳本、HTML template、Notion 欄位規則、Meta Graph API 發佈流程,我整理成一套瘦系統 Starter Kit,訂閱《用減法瘦生活》電子報就能免費拿。
包含:AI Prompt 工程模板、Notion 社群資料庫結構、Kie AI 生圖規則、Claude Code 完整 skill 檔——打開就能改成自己的版本。
👉 訂閱《用減法瘦生活》,免費拿瘦系統 Starter Kit
常見問題
我不會寫程式,也能用這套工作流嗎?
可以,但需要先花 1-2 小時看懂 Claude Code 的基礎用法。Claude Code 本身就是設計給非工程師用的,你用自然語言描述要做什麼,它會寫腳本。
Kie AI 和 Midjourney 差在哪?
Kie AI 是 API 平台,支援多個模型(Flux、Seedream、Nano Banana 等),適合程式化生成。Midjourney 是 Discord 互動,適合單張精修。IG 輪播背景圖用 Kie AI 比較順。
一定要用 Cloudflare R2 嗎?
不一定。可以換成 AWS S3、Google Cloud Storage 或 Supabase Storage。R2 的優勢是免出站流量費用,對頻繁用 API 讀圖的情境特別友善。
發佈後發現 caption 打錯怎麼辦?
只能刪除貼文重發。IG Graph API 發佈後不能改 caption,這是平台限制,不是工具問題。
這套流程每個月會花多少錢?
假設每月發 30 篇 IG 輪播,成本大約 NT$150-300(主要來自 Kie AI 生圖)。Cloudflare R2、Notion、Meta API 都免費。比 Canva Pro(NT$449/月)便宜,還更有彈性。
還沒用過 Claude Code?
Claude Code 是 Anthropic 官方的 AI coding agent,可以在終端機直接操作本機檔案、跑指令、串工作流。
如果你想試用,可以透過推薦連結註冊(雙方都會多拿到使用額度)。

關於作者 | 10+ 經驗
MO 編輯
WordPress 效能優化專家 / MO Design Studio 共同創辦人
關注設計 × 工程的平衡協作,擅長以簡潔語言說故事。專門幫已有網站的品牌做速度升級。相信好網站不用重做,只需要正確的優化。
延伸閱讀

用 Claude Code 打造你的 AI 寫作助手:從筆記到發文的完整流程(2026)
>-...

GPT Image-2 是什麼?用 Kie AI 生成圖的完整教學(2026)
GPT Image-2 怎麼用?這篇整理 OpenAI ChatGPT Images 2.0 與 Kie AI 的 GPT Image-2 API 實際用法,包含 text-to-image、image-to-image、prompt 寫法、curl 範例、callback 與常見踩坑。...

n8n + Telegram 自動化教學:打造 AI 通知機器人完整指南(2026)
用 n8n 串接 Telegram Bot,打造即時通知機器人。從建立 Bot、取得 Token 到四種實用自動化範例,免費、低延遲、雙向互動。...
訂閱瘦生活電子報
每週一封故事信——分享如何用減法思維剔除雜訊、做對的事、過好生活。不說教,不推銷,只有真實的取捨紀錄。