部落格

不定期分享最新資訊文章

徐享／享哥

AI應用規劃師

具有 10 年經驗在數位行銷與電商廣告領域，專精生成式AI應用與個人資料保護，致力於以獨特商業洞察與實戰案例研討，助力品牌突破成長瓶頸。

商業策略 (24) AI自動化 (71) AI工具 (40) AI Agent (23) AEO (8) Cursor (2) SEO (13) 內容行銷 (20) Meta Ads (1) Vibe Coding (31) Codex (6) 影音行銷 (21) AI風險控管 (5) Gemini (10) NotebookLM (1) GEO (1) ChatGPT (12) AI繪圖 (8) n8n (28) API串接 (13) 社群行銷 (4) 自動化講師應用 (5) 社群自動化 (1) Facebook機器人 (1) RAG (1) VLM (1) 向量資料庫 (1) Claude (3) 工作流 (1) 技術選型 (1) Electron (1) Tauri (1) Git (1) 知識變現 (4) Google (1) n8n新手教學 (11) Zeabur (1) Remotion (2) Antigravity (1) 前端架構 (1) PWA (1) 資料處理 (1) Power Automate (1) 職場溝通 (2) Cloudflare (4) LINE (1)

2026/3/3
影音行銷 Gemini

用 AI 快速生成短影音？九宮格分鏡技巧解決人物變形

大家好，我是享哥。現在用 AI 已經可以快速生成令人驚豔的短影片！今天這篇教學，我將詳細分享如何透過「九宮格圖片生成法」，一次產出連貫且人物一致的分鏡，並結合 Grok 等 AI 工具，快速製作出高畫質的短影音。核心概念：為什麼要用「九宮格」生成分鏡？製作 AI 短影片要流暢，最怕遇到人物特徵或風格中途跑掉。我們核心的做法是一次生成一個九宮格的完整圖片。給 AI 一個完整故事後，透過分鏡圖片一次生成九張，不僅能確保內容結構的完整性，人物也比較不會發生改變。這個技巧能幫我們省去大量反覆微調人物一致性的時間。 AI 影片生成 4 步實戰工作流第一步：請 AI 構思短影音與分鏡腳本萬事起頭難，首先我們要給 AI 一個方向。你可以請 AI（例如 Gemini）幫忙想一個一分鐘的短影音故事腳本。以「金融槓桿小惡魔講解川普關稅政策」為例，先讓 AI 生成基礎故事，你可以與它反覆討論、修改並調整出想要的內容。確認內容後，再根據腳本，請 AI 規劃九張分鏡圖片的腳本，必須明確指出每個畫面的：畫面內容鏡頭語言與視覺效果腳本關鍵對白第二步：生成 3x3 九宮格圖片與 Grok 提示詞有了分鏡腳本，接下來就需要將文字具象化為畫面。請根據腳本內容，讓 AI 生成一張完整的九宮格圖片。建議的設定參數如下： 1234- 圖片佈局：九宮格 3x3 格式- 圖片比例：16:9 (若要做直式短影音可改為 9:16)- 圖片限制：畫面中絕對不要包含任何文字- 畫面解析度：4K (為了盡量提升生成圖片的細節) 目前這類生成的完整圖片尺寸大約是 2752 x 1536，做為後續短影片分割的素材已經相當夠用。同時，記得請 AI 將剛才的分鏡腳本，轉換為 Grok 格式的影片生成提示詞（包含中英文提示詞、運鏡動作與對白），為下一步做準備。第三步：利用工具進行圖片分割拿到九宮格圖片後，我們需要將其裁切成九張獨立的圖。在開始做第一張影片之前，你可以直接使用我製作的小工具——九宮格圖片分割工具。只要將生成的九宮格圖片丟進工具中，它就能幫你快速分割，讓你一鍵將九張獨立的分鏡圖全部下載下來。九宮格圖片分割工具第四步：使用 Grok 進行動態影片生成因為我們是採取「單張圖片轉影片」的模式，不一定要使用即夢或是可靈等具備高階首尾幀技術的影片生成工具，Grok 就是一個非常合適且強大的選擇。進入 Grok 後，依照順序將分割好的單張圖片上傳，並把第二步準備好的「中文提示詞與對白」丟上去，Grok 就可以直接開始生成影片。畫質提升關鍵：Grok 影片升級與下載技巧影片生成後，旁邊會有一個下載按鈕，但下載前請特別注意這個細節！在還沒有點擊任何設定前，直接下載的影片大概都只有 480p 的一般畫質。請務必點擊畫面上的「升級影片」選項，將影片升級為 HD 畫質。 12- 一般畫質：480p- HD 畫質：解析度將提升至 1504 x 832 升級為 HD 後再下載，能夠大幅彌補原本單張圖片裁切後解析度的不足，讓最終成品的視覺體驗更好。後期剪輯與應用場景將九段高畫質 (HD) 的影片片段都下載下來後，就可以丟入剪輯軟體中進行最後處理。你可以篩選最好的片段、加上字幕、添加音效特效，或是利用變速的方式去做節奏管理。剪輯完成後，就會是一支極具質感的 AI 短影片。 AI 影片的時代已經來臨！我們如何透過這些 AI 應用工具，以前所未有的速度完成從「文字變圖片、圖片變影片」的工作流，並將內容成功渲染出去，不管是對自媒體經營還是電商行銷，都是一個非常強大的槓桿。常見問答 (FAQ)Q1：為什麼做 AI 短影音時，要先生成九宮格分鏡圖，而不是一張一張單獨生成？因為一次生成同一組九個畫面，角色外型、服裝、風格與場景調性通常會更一致。若分開逐張生成，很容易出現人物臉型改變、色調跑掉或鏡頭風格不連續的問題，後面剪輯時會更難處理。 Q2：九宮格圖片一定要做成 16:9 嗎？直式短影音怎麼辦？不一定。如果你的內容主要發布在 YouTube Shorts、Instagram Reels 或 TikTok，建議一開始就改成 9:16 構圖；如果想同時兼顧橫式與直式版本，可以先明確告訴 AI 你的輸出平台，再決定九宮格整體比例，避免後續裁切時把主體切掉。 Q3：用 Grok 做圖片轉影片時，提示詞要寫得多細？越具體越好。至少要包含畫面主體、人物動作、鏡頭運動、情緒氛圍與台詞內容。若只給一句很簡短的描述，生成結果通常會偏隨機；把每格分鏡的鏡頭語言與對白先寫清楚，影片的可控性會高很多。 Q4：九宮格分割後的單張圖片解析度會不會不夠？有可能，所以文章裡才會特別建議先用 4K 九宮格圖片，並在 Grok 生成完成後記得升級成 HD 再下載。這兩個步驟能有效減少分割後單張圖片細節不足的問題，讓最後串接起來的影片看起來更穩定。 Q5：這套工作流適合哪些人使用？很適合自媒體創作者、短影音操盤手、課程講師、品牌行銷人員與電商團隊。只要你常常需要把一個觀點快速變成有角色、有節奏的短影片，這種「先分鏡、再分割、再逐格生影片」的方法，會比從零硬做整支影片更省時間。希望以上的實戰分享對大家有幫助，想了解更多 AI 應用，歡迎關注我、訂閱我，謝謝大家！
2026/3/2
AI自動化影音行銷 Remotion

如何使用 Remotion 與 AI 自動化生成科普短影音：喵喵經濟學人

Hello 我是享哥。今天要跟大家分享一套強大的自動化影音工具——Remotion。如果你還不會安裝 Remotion，非常推薦直接將它的官方網站網址丟給 AI 助手，請 AI 提供安裝指令，就能輕鬆完成基礎環境的建置。什麼是喵喵經濟學人？解析自動化短影音工作流在環境安裝完畢後，今天要為大家測試網路上討論度極高的專案：「喵喵經濟學人」。這是一個專門用於自動化製作 9:16 火柴人風格短影片的工具，特別適合用來做心理學與經濟學的科普。它提供了一套非常完整的標準化工作流，涵蓋了以下核心環節：腳本撰寫配音生成畫面繪製 Remotion 影片最終合成也就是說，只要餵給它故事腳本，系統就能自動生成對應的圖片、文字內容與配音，並一鍵合成完整的短影音。你還能在核心參數中，彈性設定喜歡的音色與圖片風格。實戰教學：如何用 AI 生成一分鐘經濟學短片？接下來，我將實際演示如何請 AI 產出一支一分鐘的短影音。這支影片的內容，是透過「喵喵經濟學人」來解析美國與以色列對抗伊朗的事件，會如何影響世界經濟。步驟一：設定故事核心與隱喻腳本首先，我們來到 Antigravity 介面，輸入指令：「Create video 一分鐘短影片，內容是喵喵經濟學人講解美國和以色列攻打伊朗，對於世界經濟的影響」。系統會開始引用對應的 Skill（記得事前需要先建立好一個 Skill 來引用）。接著，它會根據設定好的核心主題進行創作。為了讓科普內容更生動，系統大量使用了隱喻的方式來呈現國際衝突：沙漠悍貓國：代表以色列波斯貓國：代表伊朗黑色的魚油：代表石油罐罐通膨與貓薄荷：代表經濟與物價影響步驟二：API 替代方案與自動生成在語音生成的部分，系統預設使用的是 Minimax 的 API。但因為我目前沒有提供該 API，所以我改用 Edge TTS 來作為語音替代方案，並完成相關的基礎設定。當 Plan 與 Task 都設定完畢後，系統就會進入生成與處理階段。處理完成後，程式會在 Out 資料夾中將圖片與影片進行完整合成，最終輸出一支完整的短片。常見問題與解決方案：遇到「全紫畫面」怎麼辦？在自動化生成的過程中，難免會遇到一些突發狀況。舉例來說，我第一次生成時，合成出的影片竟然是「全紫色」且完全沒有圖片。遇到這種情況我們應該怎麼辦呢？因為我是使用 Gemini 模型，我的解法是請模型利用 nano banana 去生成影片所需的相關圖片。雖然這個方法沒有辦法一次並行生成所有圖片，系統必須一張一張慢慢排程製作，過程中偶爾也會遇到失敗的情況；但只要耐心等待，它最終會慢慢把腳本裡所有的圖片素材逐一產出。將素材補齊後，就可以順利合併成最終的影片了。結語以上就是透過 Remotion 程式，串接 AI 自動生成與剪輯影片的完整過程。今天就跟大家分享介紹到這邊，影片最後我會放上成品給大家參考，有需要的朋友可以繼續往後觀看。想要了解更多 AI 自動化實用工具與工作流應用，歡迎關注並且訂閱我，謝謝大家今天的收看與支持！
2026/3/2
Vibe Coding Cloudflare

我的 Vibe Coding 作品大公開：用 AI 打造內建 CMS 的全功能接案主題模板網站

Hello 我是享哥！今天跟大家分享是我 Vibe Coding 的一個作品，會跟你講我的思路，跟我如何去做到這樣子一個作品。好，話不多說，我們開始吧！為什麼想打造這個接案網站？大家看到的這個畫面，是我 Vibe Coding 的一個網站，它是一個形象網站。為什麼會有這樣子的想法跟起源？最近在接案時，我發現這常常是接案遇到的痛點：不管跟業主怎麼溝通，他都不知道要給什麼資料。所以，不如先做一個 Demo 給他看。他知道至少會有首頁、文章、產品、關於我們、常見問題，跟聯絡我們這些項目，他也就會知道要給我類似的相關問題跟內容。這就是開發這個網站的出發點。 Demo 網站展示網站核心功能：滿足業主的基本需求產品型錄與聯絡表單對方希望有一個產品分類，最核心的功能會是產品這塊。你點進來，它可以去洽詢產品，比如說連到公司的聯絡表單，或是說直接聯絡他、打電話給他。這裡是他的產品型錄，這是最基本他可能會需要用到的一個功能。文章與最新消息展示再來是文章這塊，比如說公司有很多最新消息，或是有一些內容希望用文章的方式來做呈現。這些我都會先做假資料，讓他大概能看到它實際的樣子。內建 CMS 後台管理系統這些內容我們可以透過類似 WordPress 這種 CMS 的後台來做管理。我們也做了一個專屬的後台，也就是說如果增加了什麼內容（例如文章有什麼更新），它會同步在前台顯示，這是一個最大的優勢。當然，不論你要新增內容、產品文章，包括輪播圖或媒體要上架，這些東西都是可以輕鬆完成的。實用亮點：一鍵切換產業主題模板第二個亮點就是我設計的主題模板。也就是說今天我接到了比較偏「工業設備」這塊的案子，我可以先套用該主題，它會先備份並套用起來。這些全部都是假資料，當我重整一下，你看它就變成了「打造穩定智慧工廠的產線」。圖片都是先用網路上高品質的圖庫去做應用。主要是讓他看到 Demo 網站，讓他知道這些區塊應該要提供什麼樣的素材（比如說他需要給照片套進去，以及相關的資訊內容），大幅方便我們在接案的時候使用。因應不同組織屬性的彈性調整當然有的時候除了產品型錄，我們要的可能是比較像「社團組織官網」這種類型。套完版之後，它的一些網址跟內容會比較不太一樣，所以需要重新重整。像剛剛的「文章」就變成了「最新消息」，因為對社團來說，他們比較需要的是最新消息的發佈；社團沒有產品，所以該區塊可能就會變成「活動」，這部分可能要再微調修改一下。不過這主要是先給業主看一下，原來整個網站的概念會是什麼樣的呈現，後續大家可以再去做一些調整跟處理，這就是套版設計的魅力。技術架構：AI Coding 與 Cloudflare 部署要完成這些功能，除了 AI 的 coding 以外，我們還需要進行部署。我是使用 Cloudflare 去做部署的，大家可以稍微再去查一下，包括它的 D1 資料庫，或是相關可以放產品、圖片等內容的儲存方案，它都可以做很好的支援。這是目前最流暢、最簡單的設計 vibe coding 做法。以上跟大家分享我的 vibe coding 的作品！至於實際怎麼做，之後會再錄相關一系列的影片跟大家分享。常見問答 (FAQ)Q1: 什麼是內建 CMS 的接案網站？內建 CMS 的接案網站，指的是前台網站與後台內容管理系統整合在同一個專案裡，業主可以自己新增文章、產品、圖片與首頁素材，不需要每次改內容都回頭找工程師處理。 Q2: 為什麼做接案提案時，先準備一個 Demo 網站很重要？因為很多業主其實不知道網站需要準備哪些資料，先做出可操作的 Demo，能讓對方快速理解首頁、產品、文章、聯絡表單與常見問題等區塊長什麼樣子，也比較容易收集正確素材。這篇提到的展示站也可以直接參考： Demo 網站展示 Q3: 這種 Vibe Coding 接案網站適合哪些產業使用？很適合需要品牌形象頁、產品型錄、最新消息或活動頁面的產業，例如工業設備、服務型公司、教育品牌、協會組織與中小企業官網，都可以用同一套架構再做細部調整。 Q4: Cloudflare 在這個 AI 接案網站架構中主要負責什麼？Cloudflare 主要負責網站部署與雲端基礎設施，像是 Pages、Workers、D1 資料庫與媒體儲存相關服務，能讓網站前台、後台與資料管理放在同一個生態系裡，部署流程也相對單純。 Q5: 用 AI 打造可切版的 CMS 網站，對接案流程有什麼幫助？最大的幫助是把提案、製作 Demo、內容上架與後續維護整合成更快的工作流。你可以先用 AI 快速完成初版，再依不同產業切換主題模板，讓業主更快看到成果，也更容易推進合作與簽約。如果你想要了解更多 AI 自動化，或是 AI 相關應用的話，請訂閱我、關注我！
2026/3/2
AI工具 Vibe Coding

顛覆 WordPress 開發模式！免費開源外掛 Novamira 讓 AI 直接修改網站程式碼

各位同學大家新年快樂，我是享哥！今天要跟大家分享近期在 Threads 上面非常火紅的一款 WordPress 全新開源外掛——Novamira。這款在二月份剛開源的外掛，看過介紹後讓我非常好奇，因為它號稱能夠徹底顛覆現有的 AI 協作模式。經過實際測試後，接下來我將完整分享我的使用心得與操作教學。 Novamira 是什麼？為什麼能顛覆 AI 協作模式？Novamira 的核心價值在於徹底打通了 WordPress 與 AI 開發工具（如 Cursor、VS Code、Claude Desktop 等）之間的隔閡。過去我們在開發或修改 WordPress 主題與外掛時，必須先看懂 PHP 程式碼，遇到問題還要將整段程式碼複製丟給 AI，等 AI 產出解答後再手動貼回伺服器。而 Novamira 透過 MCP (Model Context Protocol) 協定，賦予 AI 直接讀取、寫入、編輯現有檔案，甚至刪除伺服器上 PHP 程式碼的能力。如何安裝與設定 Novamira？完整圖文步驟要讓 AI 與你的 WordPress 網站順利連線，請跟著以下步驟進行設定：步驟一：下載與安裝外掛前往 Novamira 官網，直接點擊 Download for free 下載外掛壓縮檔。開啟你的 WordPress 後台（建議先準備一個全空的測試環境）。進入外掛選單，點擊「上傳檔案」，將剛剛下載的壓縮檔上傳並啟用。步驟二：產生並配置 MCP 伺服器金鑰安裝完成後，我們需要建立一組讓 AI 工具存取網站的授權密碼：在外掛設定頁面，點擊 Create New Application Password。系統會自動產生一組專屬密碼（請注意：此密碼只會出現一次，務必妥善複製並保存）。頁面下方非常貼心地準備好了對應的設定檔語法。無論你是使用 Claude Code、Claude Desktop、Cursor 或 VS Code，只需複製畫面上提供的 JSON 內容。將複製的內容，貼到你常用的 AI 工具的 mcp.json 設定檔中。 12345678910// 示意範例：請將外掛產生的設定完整貼入你的 MCP Servers 區塊中"mcpServers": { "novamira": { "command": "...", "args": ["..."], "env": { "WP_APP_PASSWORD": "你的專屬密碼" } }} (設定完成後，記得使用 Ctrl + S 或 Command + S 儲存設定檔，並在 AI 工具的 MCP 介面點擊 Refresh 重新整理。) 步驟三：開啟 WordPress 端的 AI 權限為了確保連線成功，最後一個關鍵步驟是回到 WordPress 進行授權：進入 WordPress 的 Setting (設定) 頁面。找到並勾選 Enable AI Ability 選項。點擊 Save 儲存設定。完成以上三步後，你可以在 AI 聊天視窗中輸入：「我已經連上了，你可以幫我確認一下目前 WordPress 網站的基本資訊嗎？」如果 AI 能順利回報你的網站目錄與結構，就代表連線大功告成了！ Novamira 的資安防護：核心檔案無法竄改開放 AI 直接存取伺服器聽起來有些危險？不用擔心，Novamira 在安全機制上做了嚴格的限制。它不允許 AI 修改 WordPress 的核心底層檔案，例如： wp-admin wp-includes AI 能夠讀取與修改的範圍，僅限於我們日常開發最常接觸的 wp-content 目錄（包含主題與外掛）。這種沙盒式 (Sandbox) 的限制，大幅降低了網站因 AI 誤改而崩潰的資安風險。實測應用：讓 AI 直接在伺服器寫出一個聯絡表單外掛為了測試它的極限，我準備了一份由 ChatGPT 簡單生成的「Mini Contact Form (迷你聯絡表單)」PRD (產品需求文件)，並直接丟給透過 MCP 連接的 AI 助理（我使用的是 Google 的 Antigravity 搭配免費額度）。 Mini Contact Form.md 神奇的事情發生了： AI 首先讀取了我提供的需求文件。它自動擬定了一份實作計畫 (Plan) 與任務清單 (Task)。接著，AI 直接在我的 WordPress 伺服器內部開始撰寫程式碼。我打開 WordPress 的外掛目錄檢查，發現 AI 真的已經在伺服器端建好了這個外掛的檔案夾與程式碼，而不是在我的本機檔案總管裡產生文件！這意味著我們可以一邊讓 AI 開發，一邊直接在 WordPress 後台重整看結果，開發效率呈現倍數成長。結語：WordPress 接案開發的未來趨勢Novamira 打通了 WordPress 與 AI 之間的最後一哩路。對於以 WordPress 接案為主的開發者來說，未來遇到需要客製化功能、增強現有外掛時，不再需要繁瑣地查閱原始碼或在編輯器間來回複製貼上。透過 MCP 協定，AI 將成為你最得力的伺服器端駐點工程師。如果你想了解更多關於 AI 自動化以及相關的開發應用，歡迎持續關注並訂閱享哥，我們下次見！
2026/1/23
AI Agent 影音行銷 Remotion

Remotion × AI Agent：用 React 與 AI 程式化製作影片的完整實戰教學

做影片很累，傳統剪輯軟體又貴又花時間。你可能以為想做出好影片，非得精通 Premiere 或 Final Cut 不可。其實不用，現在的趨勢是「用程式碼做影片」。 Remotion 這個工具，讓你可以用寫 React 的方式「編譯」出 MP4。加上最新的 AI Agent 技術，甚至連程式碼都不用自己寫。只要一句話，系統自動幫你把影片「算」出來。用程式寫影片的底層邏輯Remotion 的核心理念叫做「Make videos programmatically」。這聽起來很硬核，但邏輯其實很性感。它把影片的每一幀，都變成了可控的程式碼參數。以前你需要用滑鼠在時間軸上拉來拉去，還要對齊到崩潰。現在透過 API，你可以精準控制像素的運動。這不僅是工具的轉換，更是生產力的槓桿。關鍵在於它最近推出的 Agent Skills 功能。這讓 Claude 或 GPT-4 這樣的 AI 模型，能夠讀懂 Remotion 的操作手冊。AI 不再只是瞎猜，而是拿著說明書在幫你蓋房子。環境建置的關鍵細節開始之前，先在桌面建個資料夾，打開終端機。輸入以下指令初始化專案： 12npx create-video@latest 這一步很簡單，但接下來的選項決定成敗。系統會問你一連串設定： Template: 選 Blank TailwindCSS: 建議選 Yes Add Agent Skills: **請務必、絕對要選 Yes** 這不是選配，這是讓 AI 能夠自動寫作的靈魂。選了它，專案裡才會下載給 AI 看的文檔與技能樹。沒選這個，AI 寫出來的程式碼大概率跑不動。讓 AI 接手繁瑣工作安裝完依賴套件並啟動開發伺服器後，你會看到瀏覽器跳出預覽畫面。這時，請打開支援 AI 的編輯器（如 Antigravity 或 Cursor）。我們準備開始下指令。直接在對話框輸入你的需求，模型建議選擇邏輯較強的 Claude 4.5 Sonnet：「幫我做一支 10 秒介紹 n8n 的短影片，內容要酷炫。」 AI 會先讀取專案裡的 SKILL.md，理解它能做什麼。接著它會規劃場景、設計動畫，然後直接修改 Root.tsx。它會自己寫 Component，自己加 Fade in/out 效果，甚至自己除錯。反直覺的效率優勢你可能覺得寫程式做影片很反直覺。但當你想要微調字體大小，或是想統一所有轉場的速度時，改一行程式碼，比在傳統軟體軌道上一個個點開調整快太多了。這就是「可程式化」的降維打擊。範例中，AI 自動生成了包含 Logo 動畫與卡片介紹的 9 秒影片。如果不滿意，只要動動嘴（Prompt）或動動手指（Code）微調即可。確認無誤後，輸入渲染指令： 12npx remotion render AI 通常連這行指令都會幫你準備好。按下 Enter，一個真實的 MP4 檔案就會出現在輸出資料夾。 60/40 的人機協作法則別指望 AI 一次給你 100% 的完美成品，那是不切實際的幻想。聰明的做法是讓 AI 搞定 60% 的苦工。讓它完成架構搭建、基礎動畫邏輯與素材佔位。剩下的 **40%**，靠你的人類美感去微調程式碼。這種工作流比從零開始剪輯快，又比全靠 AI 抽卡精準。這才是 Remotion 結合 Agent 的真正威力。
2026/1/10
AI自動化 Cursor

用 AI 暴力中文化 Cursor 教學網站，並用 GitHub Pages 免費部署

想把一個高品質的英文開源教學站變成繁體中文，以前你要怎麼做？逐行複製程式碼到 Google 翻譯？還是看著螢幕一句句打字？太慢了，這根本是燃燒生命的無效勞動。目標很明確：把 Cursor for Product Manager 的英文教學站「搬」回來。全站繁體中文化，並且利用 GitHub Pages 免費部署，不用付任何伺服器費用。核心工具就這幾樣：GitHub、Terminal、AI 模型（GPT-4/Claude/Google 皆可）與編輯器。文末附上原版與繁中版對照連結，不想看過程的可以直接拉到最後。前置作業：Fork 與 Clone 專案第一步不是翻譯，是把原始碼弄到手。去原始專案的 GitHub 頁面，點擊 Fork。這一步是為了把專案複製到你自己的帳號下，確保你有完全的修改權。接著把 Fork 後的網址複製下來。打開 Terminal，輸入 git clone 指令把它抓到本地端。用 Cursor 或 VS Code 開啟資料夾，準備開工。 123git clone [https://github.com/你的帳號/repo-name.git](https://github.com/你的帳號/repo-name.git)cd repo-name AI 翻譯策略：Prompt 文件化技巧很多人用 AI 改 Code 的習慣不好。直接把程式碼貼到對話視窗，效率極低且容易出錯。這裡建議採用 Prompt 文件化的高階打法。在專案根目錄建一個 docs 資料夾，或直接新增一個 prompt.md。你要在這個檔案裡，把 AI 當成一個剛入職的資深翻譯。寫清楚角色設定：你是專業 PM、資深譯者。定義目標受眾是台灣或香港的 PM 與工程師。強調語氣必須是「繁體中文」且「去中國化」。例如：看到「視頻」要翻成「影片」。例如：看到「激活」要翻成「啟用」。執行邏輯：Context 管理與指令下達接著把這個 prompt.md 拖進 AI 的對話視窗（Context）。下達指令：「執行文件內的翻譯任務，將 src/app 下的網站內容中文化」。這樣做的優點是 Context 穩定，不會翻到一半 AI 突然忘記自己是誰。這裡有個關鍵技巧：指令要兇，權限要給足。告訴 AI：「請自動完成以下工作，不需要中途確認。」若要處理多個檔案，直接下令「批次翻譯剩餘檔案，不要停下來」。實戰除錯：應對 AI 幻覺與遺漏當然，AI 目前還不是神，它比較像個會偷懶的實習生。實作過程通常不會一鍵完成，你會遇到幾種狀況。 AI 偷懶：翻一半就停下來問你「要繼續嗎？」。解法：指令要強硬：「不要問我，直接完成所有工作。」內容遺漏：特別是側邊欄（Sidebar）這種結構複雜的地方。解法：不要用文字描述，直接截圖貼給 AI，讓它自己去對應程式碼位置。破壞性修改：有時 AI 翻得太嗨，會把程式碼邏輯也刪了。解法：你需要保持警覺，如果發現檔案變小太多，通常就是出事了，請務必 Review diff。部署流程：Next.js 到 GitHub Pages原專案通常是 Next.js 架構，官方推薦用 Vercel 部署。但為了極致的免費，我們改用 GitHub Pages。直接問 AI：「這是一個 Next.js 專案，教我怎麼部署到 GitHub Pages。」 AI 通常會叫你改 next.config.mjs。加入 output: 'export'，讓 Next.js 吐出靜態檔案（Static HTML）。 12345// next.config.mjsconst nextConfig = { output: 'export', // 其他設定...}; 注意：圖片優化元件 <Image> 在靜態匯出時可能會報錯，這部分需視情況調整。接著請 AI 生成 GitHub Actions 的 workflow 檔案。路徑通常在 .github/workflows/pages.yml。流程不外乎：Checkout code → Setup Node → Build → Upload → Deploy。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748name: Deploy GitHub Pageson: push: branches: [main] workflow_dispatch:permissions: contents: read pages: write id-token: writeconcurrency: group: pages cancel-in-progress: truejobs: build: runs-on: ubuntu-latest defaults: run: working-directory: website steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: 20 cache: npm cache-dependency-path: website/package-lock.json - run: npm ci - run: npm run build - run: touch out/.nojekyll - uses: actions/upload-pages-artifact@v3 with: path: website/out deploy: needs: build runs-on: ubuntu-latest environment: name: github-pages url: ${{ steps.deployment.outputs.page_url }} steps: - id: deployment uses: actions/deploy-pages@v4 收尾與上線：Git 流程與自動化驗收最後就是標準的 Git 流程。 123git add .git commit -m "feat: 完成全站繁體中文化與部署設定"git push origin main Git push 上去後，到 GitHub Repo 的 “Actions” 分頁看戲。只要燈號全綠，GitHub 就會給你一個網址。原本全英文的介面，現在變成了你專屬的繁體中文版。這不只是翻譯，這是建立了自己的知識庫。資源傳送門：原版與繁中版對照光看不練沒有用，這裡把資源都整理好了。原版適合練英文，享哥的繁中版適合直接學觀念。想自己動手改的，Repo 連結也都在這，Fork 下去就是你的。原始教材網站： Cursor for PMs 原始 GitHub： carlvellotti/cursor-pm-course 享哥繁中版網站： Cursor for PMs (繁中版) 享哥繁中 GitHub： chengyunm1313/cursor-pm-course
2025/12/18
AI自動化

Canva 自動化實戰：大量證書、聘書一鍵生成工作流

做行政工作最怕什麼？不是難度高，而是重複性高。比如做一百張顧問聘書，或者兩百張學員證書。傳統做法是打開 Word 或 PPT，複製名字、貼上、另存新檔，重複一百次。如果你還在這樣燃燒生命，那真的太委屈自己了。這種機械式的動作，應該交給機器來做。今天要解構的，就是享哥的「Canva 大量製作」工作流。必備工具清單這套流程的核心邏輯是「設計」與「資料」分離。你需要以下工具來建構自動化系統： Canva (建議 Pro 版)：負責皮囊，功能才完整。 Google Sheets：負責靈魂，用來整理名單資料。至於底圖素材，現在也不用自己畫了。搭配 AI 生成工具（Gemini、Midjourney 或 Canva 內建），幾秒鐘就能搞定一張具備國際感的底圖。第一階段：搞定底圖設計 (AI 輔助)首先，我們要準備一張乾淨的「容器」。你可以直接在 Canva 內使用「建立圖像」功能，輸入提示詞。 12直式 A4 尺寸、極簡風格、具國際感的講師聘書設計選一張順眼的，或者上傳你自己設計好的圖片。如果 AI 生成的圖上有奇怪的亂碼文字，別擔心。使用「編輯圖片」裡的「魔法橡皮擦」或「抓取文字」，把它們擦乾淨即可。第二階段：建立 Google Sheets 資料庫打開你的 Google Sheets，這裡掌管著所有變數。第一列必須是清楚的標題（Header），這將對應到 Canva 的變數欄位。 12姓名, 職位, 聘期接著填入所有人員資料。如果是測試流程，也可以請 AI 幫你隨機生成一堆假名單。確認資料無誤後，這份表格就是你的自動化燃料。第三階段：Canva 排版與變數設定回到 Canva 編輯畫面，按下鍵盤 T 新增文字框。我們要建立三個對應的「佔位符」：講師姓名、職稱、日期。這裡有個關鍵細節，字體請選最安全的黑體（如 Noto Sans）。把字體大小調整好（例如 88 號字），並拖曳到正確位置。這一步做對了，後面才不會跑版。第四階段：開啟 Canva「大量建立」功能重頭戲來了，點選 Canva 左側邊欄的「應用程式 (Apps)」，搜尋並開啟「大量建立 (Bulk Create)」。系統會問你資料哪裡來，請點選「選取資料來源」。你可以選擇以下兩種方式之一：直接上傳 CSV 檔。連結剛剛做好的 Google Sheets。只要 Canva 讀取到表格，第一關就過了。第五階段：資料欄位連結 (Connect Data)這是新手最容易卡關，也是最重要的一步。點選畫布上的「姓名」文字框。按右鍵（或點選 …），找到「連結資料 (Connect Data)」這個選項。選擇對應的欄位名稱（如：姓名）。成功後，原本的文字會變成 {姓名} 這種括號格式。依樣畫葫蘆，把「職稱」與「日期」也都綁定好。第六階段：批量生成與檔案輸出點擊左側面板的「繼續」，確認名單都已勾選，按下「建立 xx 個設計」。 Canva 會自動彈出一個新分頁，裡面是已經套用好所有名字的幾百頁文件。檢查沒問題後，點擊右上角「分享」→「下載」：印刷用：選 PDF 列印。電子檔：選 PNG 或 JPG。實戰防雷小筆記雖然流程簡單，但有幾個坑不要踩：字體選擇：如果生成後文字消失或變亂碼，通常是字體不支援，換回通用黑體就對了。長度預覽：生成前要確認最長的名字會不會超出邊界。工具版本：強烈建議使用 Pro 版帳號。無論是 AI 生成底圖的質感，還是去背修圖的魔法工具，省下的時間絕對超過訂閱費的價值。把重複的動作自動化，把時間留給更有價值的思考。這才是現代工作者該有的節奏。
2025/12/13
AI自動化 Gemini AI繪圖

從咒語到去背全自動：打造你的 LINE 貼圖自動化 AI 生產線

做一套 LINE 貼圖，最痛苦的不是畫不好，而是畫不完。手繪當然有靈魂，但如果你追求的是效率與變現，死磕手繪只會讓你的熱情在第 3 張圖就燃燒殆盡。這裡要解決的核心問題只有一個：如何利用 AI 工具鏈，快速生成「角色長相統一」且「去背完整」的貼圖包。我們不需要單一超級工具，我們需要一套組合拳。工具配置與分工邏輯別指望一個 AI 搞定全部。這是一條迷你生產線，每個環節都要用最強的工具。大腦擔當：Google Gemini 負責企劃與咒語（Prompt）生成，解決「不知道畫什麼」的卡頓。繪師擔當：Nano Banana（或任何支援參考圖生圖的工具）負責實際產出圖片，重點在於「吃參考圖」的能力。後製擔當：專用貼圖分離去背工具負責把 AI 生成的大圖切開、去背、加邊框，這是完稿的最後一哩路。第一階段：企劃與咒語生成系統提示詞 - LINE 貼圖企劃與生圖提示詞專家不要自己想破頭寫英文 Prompt。直接把你的需求丟給 Gemini，讓它幫你翻譯成繪圖 AI 聽得懂的話。你需要給 Gemini 明確的「規格書」：情緒風格（中二、厭世、可愛）角色設定（姓名、性格、年齡）張數需求（建議一次設定 9 或 12 張，剛好湊成一張九宮格大圖）如果不自定義 Gem，直接下指令也行： 1請用附件圖片的角色，製作 12 款 Q 版 LINE 貼圖，動作要生活化、多樣化。 Gemini 會吐出一串包含動作描述的精準英文 Prompt。 Gem:LINE 貼圖企劃與生圖提示詞專家第二階段：鎖定角色一致性拿到 Prompt 後，轉場到 Nano Banana。這裡最大的挑戰是「角色一致性」（Consistency）。你不能第一張是米老鼠，第二張變成皮卡丘。操作關鍵在於「Reference Image」（參考圖）。輸入 Gemini 給的 Prompt。同時上傳你設定好的角色原圖。這能強迫 AI 記住角色的臉和畫風。按下生成後，你會得到一張包含 9 到 12 個小動作的 Sheet（大圖）。這時候還是連在一起的，別急。第三階段：切割與參數調校貼圖分離與去背神器這一步是把「圖片」變成「產品」的關鍵。將生成的大圖丟進「貼圖分離與去背神器」。參數設定不能憑感覺，這裡有試錯過的黃金數值：物件間距（Distance）：目前範例建議設為 17。太遠會切到別人，太近會留白過多，17 是個甜蜜點。自動去背（Remove Background）：務必開啟。這能省下你用 Photoshop 鋼筆工具摳圖的幾個小時。第四階段：生死攸關的白邊這點值得單獨拉出來講。在後製設定中，增加白底或白邊（White Stroke）是絕對必要的。很多人忽略了 LINE 的深色模式（Dark Mode）。如果你的貼圖去背後是深色衣服，又沒加白邊，用戶換個黑色主題，你的貼圖就會直接隱形。這不是美感問題，是使用者體驗的災難。請確保輸出設定中有包含這一步。第五階段：品管與補救AI 產出的東西，離完美通常差 10%。你需要進行人工篩選（Quality Control）。檢查三大地雷：肢體是否扭曲（AI 不會畫手是常態）。文字是否亂碼（AI 生成的字通常不能用）。浮水印（Google 體系常在右下角藏個菱形 Logo）。用 Canva 或修圖軟體把亂碼蓋掉、把 Logo 修掉。如果肢體崩壞太嚴重，直接捨棄。LINE 貼圖上架單位是 8、16、24 張，湊不齊就回頭再生成一組，與其修爛圖，不如重新抽卡。最後提醒雖然 AI 讓門檻變低了，但規則還是要守。製作過程雖然全自動，但仍需注意原創性。不要直接用知名動漫角色的名字或特徵去生成。AI 產圖雖快，但版權意識是你帳號存活的根本。把白邊加好、把圖切好，這套流程就是你的量產武器。
2025/12/11
AI自動化 Gemini

別存垃圾格式！用 AI 把 PDF 洗成 Markdown，資料利用率翻倍

PDF 這種檔案格式，閱讀體驗極佳，但要整理或再利用時，簡直是場災難。我們都試過直接複製貼上，或者丟給傳統轉檔工具。結果往往令人崩潰：排版跑位、亂碼橫生、段落碎成一地。如果你的目標是把資料餵給 AI（如 NotebookLM）或是做成簡報，那你真正需要的，不是「轉檔」，而是把內容清洗成 AI 最懂的 Markdown。這不需要複雜的程式碼，只需要一個懂事的 AI 助手。這裡的核心工具是 Google Gemini（特別是 Advanced 版更好）。我們要利用它的「Gems（自訂 AI 助手）」功能，把這件事變成一套固定的自動化流程。建立你的專屬轉檔 Gem別每次都重新下指令，那太沒效率。請依照以下步驟設定你的專屬工具：直接進到 Google Gemini 右側的「Gem 管理器」。點選「新增 Gem」。幫它取個直白的名字，例如「PDF 轉 Markdown 助手」。接下來的重點在於「使用說明（Prompt）」。千萬不要只寫「幫我轉檔」，那樣你會得到一堆垃圾。你需要植入一套有邏輯的結構化指令。 PDF 轉 Markdown 助手提示詞設計 Prompt 的核心邏輯想哥特別強調，我們要設計的是「工作流」，而不是單一指令。這套 Prompt 必須包含三個關鍵原則，缺一不可：內容完整性：確保 AI 不會自作聰明刪減資料。結構化呈現：指定使用 Markdown 語法。分階段執行：這點最反直覺，但最重要。不要妄想一步到位，要讓 AI 慢下來。建議的操作順序為：第一階段，請 AI 先「閱讀並校對」，確認有無錯別字或識別錯誤；確認無誤後，第二階段才進行翻譯（若需要）並輸出繁體中文 Markdown。分兩步走，準確率會大幅提升。實戰中的除錯技巧：解決引用代碼干擾把 PDF（例如 NVIDIA 的財報）丟進去後，AI 會開始跑流程。但這裡有個 Gemini 目前的小 Bug，很搞人心態。當你直接複製生成的內容時，它會連同「引用來源代碼」一起複製。貼到筆記軟體時，這些代碼會讓格式再次亂掉。解決方法很粗暴，但很有效。等 AI 生成完，多補一句指令： 1去除資料來源 AI 會乖乖吐出一份乾淨、沒有干擾連結的 Markdown。這時候你再複製，就能得到完美的標題層級與內文。這才是我們要的純淨數據。 Markdown 格式的後續應用槓桿拿到這份乾淨的 Markdown 後，用途就廣了：最直接的，貼到 NotebookLM 進行更深度的 RAG 分析。或是利用這些結構化文字，快速轉成 Google Slides 或 PPT。這個方法的精髓，在於「分段處理」與「格式清洗」。不求快，先求準，最後再把雜質濾掉。把最難搞的 PDF，變成最聽話的素材。
2025/12/9
AI自動化影音行銷 Gemini

AI 影片字幕工作流：結合 Gemini 與剪映的極速上字幕教學

這套流程解決了影片創作者在製作字幕時的三個核心問題：專業術語準確率：確保 GenAI、LLM、Python 等詞彙不被聽錯。閱讀體驗優化：自動加中英空格、去除口語贅詞（然後、那個）、符合人眼閱讀的斷句。極速同步：利用「文稿匹配」功能，免去手動對時間軸的繁瑣過程。 🛠️ 準備工具剪映 / CapCut 電腦版 Google AI Studio (網頁版，建議使用 Gemini 3 Pro 模型，免費且 Token 上限極高) 步驟一：音頻導出在剪映/CapCut 完成剪輯後，先不要上字幕，執行以下操作：點選導出。僅勾選「音頻導出」 (格式選 MP3 或 AAC 即可)。 💡 優化點：處理長影片（超過 30 分鐘）時，建議每 15-20 分鐘切一段導出，避免剪映免費版「文稿匹配」的字數限制。步驟二：AI 聽寫與校正這是最關鍵的一步。我們不只是要「轉錄」，更是要讓 AI 幫我們「潤飾」。前往 Google AI Studio。模型選擇 Gemini 3 Pro。將導出的 MP3 檔案拖入對話框。輸入下方的【提示詞】： AI 影片字幕提示詞為什麼這樣設計？ Step 1 術語確認：把 “Notion” 聽成 “Nation” 是不專業的。先讓 AI 問你，只需 30 秒確認，就能保證後面 100% 正確。斷句控制（優化點）：手機直式影片（Reels/Shorts）字幕不宜過長，提示詞中已加入控制，確保閱讀體驗。 💡 使用小撇步遇到極短音頻（< 3分鐘）：Gemini 通常會很有自信，它會直接跳過 Step 1 給您全文，達到「秒出」的效果。遇到新專案/新主題：如果你這支影片是講一個全新的工具（例如突然要講 “Cursor” 編輯器），您在貼上 Prompt 之後，可以順手在 # Context & Vocabulary 那邊補上 “Cursor” 這個字，這樣一次就會準。關於「文稿匹配」：複製 AI 輸出的文字後，在剪映中選擇「文稿匹配」時，記得檢查一下第一句是否對齊。只要第一句對了，後面通常 99% 都是準的。您可以現在就拿一段最近錄製的音檔（或上面那支 YouTube 影片的音頻）去 Google AI Studio 試跑一次，看看效果是否符合您的期待！步驟三：極速匹配拿到 AI 生成的完美文本後：複製 AI 輸出的全部文字。回到剪映 / CapCut。點擊「文本」 -> 「智能文本」 -> 「文稿匹配」。貼上文字，點擊「開始匹配」。實測結果： 99% 準確的字幕會自動對齊音軌。 🌟 進階場景分流根據您不同的產出需求，這裡提供兩個分支技巧：場景 A：製作「雙語字幕」短影音如果您想做像國外科技博主那種中英雙語字幕： AI 生成 SRT：在 Google AI Studio 完成中文稿後，多加一道指令：「請將上述內容翻譯成英文，並將兩者合併為 SRT 格式（第一行為中文，第二行為英文）。」導入剪映：將 AI 生成的代碼存為 .srt 檔，直接拖入剪映。場景 B：超長課程影片 (>30min)剪映的「文稿匹配」有時對長文本不穩定。分段處理：如筆記所述，將音頻切成 10-15 分鐘一段。 SRT 暴力解法：如果不想分段，直接請 Gemini 輸出「帶時間軸的 SRT 格式」。 Prompt 補充指令：「請直接輸出 SRT 字幕格式，不需要與我確認術語。」雖然 Gemini 的時間軸不如專門軟體（如 Whisper）精準到毫秒，但對於說話清晰的教學影片通常夠用，導入後只需微調。參考文章： AI 字幕工作流完整教學／提示詞秒殺剪映的AI字幕工作流！准確率高達99%，完全免費！