# 影片筆記:傻子也能學會的 Codex 教學|個人網站、YouTube爆款雷達、自動週報,零程式碼15分鐘全搞定 ## 一句話總結 本影片介紹 OpenAI 推出的桌面應用程式 **Codex**,強調其作為「長手版 ChatGPT」的特性,讓非工程師也能透過自然語言指令,在 15 分鐘內完成個人網站搭建與部署,以及設定自動化 YouTube 爆款週報發送任務。 ## 核心重點 1. **Codex 定位**:被稱為「手更長的 ChatGPT」,具備執行簡報、網站開發、整理桌面、接管滑鼠、操作瀏覽器及看影片等能力。 2. **優勢對比**:相比 Cursor Code,Codex 安裝與操作更簡單直覺、更省 Token,且可使用 OpenAI 最新模型(提及 ChatGPT 5.5)。 3. **操作門檻**:無需懂程式碼或終端機,傻瓜式操作,但需為 ChatGPT 付費版本(Plus 或 Pro)。 4. **實戰案例一(個人網站)**:從專案建立、規劃、代碼生成、本地預覽修改,到最終部署至 Vercel 並獲得公開網址。 5. **實戰案例二(自動化週報)**:透過申請 YouTube API Key,編寫指令碼抓取熱門影片數據,並設定自動化腳本每週自動發送電子報至 Gmail。 ## 詳細大綱 ### 一、 Codex 介紹與優勢 * **核心定位**:具備執行簡報、網站、整理桌面、接管滑鼠、操作瀏覽器、看影片等能力。 * **對比優勢**: * 相比 Cursor Code,安裝與操作更簡單、直覺。 * 更省 Token,且可使用 OpenAI 最新模型(提及 ChatGPT 5.5)。 * 無需懂程式碼或終端機,傻瓜式操作。 * **安裝前提**:需為 ChatGPT 付費版本(Plus 或 Pro),免費版無法使用完整功能。 ### 二、 介面與功能導覽 * **基本介面**:類似 ChatGPT 的對話方塊,無需學習新快捷鍵。 * **側邊欄功能**: * **新聊天/搜尋**:開啟新對話或搜尋歷史內容。 * **外掛程式 (Plugins)**:外接技能,如連接 Gmail(讀寫郵件)、Notion(整理筆記)、Google Drive(處理資料)。 * **自動化 (Automation)**:設定自動觸發任務(如每日彙整郵件)。 * **專案 (Projects)**:類似資料夾,獨立管理不同專案的對話與設定。 * **行動版**:支援手機 APP,掃描二維碼安裝,實現跨裝置同步操作。 ### 三、 實戰案例一:個人網站搭建與部署 * **步驟 1:建立專案** * 命名規範:全英文小寫,中間用底線連線,避免中文與空格(否則部署會出錯)。 * 建議從零開始建立資料夾,避免檔案散落。 * **步驟 2:前期規劃(關鍵步驟)** * 提供素材:YouTube 連結、落地頁連結、參考網站。 * 指令策略:先讓 AI 規劃區塊、視覺風格及設計細節,而非直接寫程式。 * 智慧程度設定:規劃階段設為高或超高,執行階段調低。 * **步驟 3:製作網站與預覽** * 提示詞技巧:強調「啟動本地預覽伺服器」並要求提供網址(驗收條件)。 * 權限設定:建議將預設權限改為「自動稽核」,合理範圍內自動執行。 * **避坑指南**:確認網址為 `http` 開頭而非 `file` 開頭,確保是伺服器版本而非本地檔案。 * 設計限制:Codex 前端設計能力可能不如 Cursor 或 Gamma,但價效比高且易修改。 * **步驟 4:預覽畫面修改(內建瀏覽器功能)** * 功能亮點:桌面板內建瀏覽器,滑鼠移過元素會自動高亮。 * 修改方式:直接在展示框圈選區域,輸入修改指令(如調整排版),預覽即時更新。 * **步驟 5:功能完善** * 嵌入 YouTube 影片:使用官方嵌入方式,並添加註解以便未來手動更新。 * 設定 CTA 按鈕: * 按鈕 1:跳轉至 YouTube 頻道(新分頁開啟,帶參數)。 * 按鈕 2:跳轉至網站內部新頁面(Consultation)。 * 建立諮詢頁面:指令 Codex 建立獨立新頁面,自動生成返回連結。 * **步驟 6:部署上線** * 使用 Vercel 外掛程式。 * 授權 GitHub 或 Google 帳號註冊免費賬號。 * 部署後獲得公開網址,可分享給任何人。 ### 四、 實戰案例二:YouTube 選題雷達自動化 * **目標**:每週一早上自動抓取熱門影片,整理成週報發送 Email。 * **步驟 1:獲取 API 金鑰** * 申請 YouTube API Key(Google 提供每日 1 萬點免費額度)。 * 安全規範:金鑰放入 `.env` 特殊檔案中,勿直接貼在對話中。 * 指令 Codex 協助建立 `.env` 檔案並貼入金鑰。 * **步驟 2:設定關鍵詞** * 建立關鍵詞文件,列出長期關注的領域詞彙與熱詞。 * **步驟 3:執行指令碼** * 切換至「完整存取權」模式。 * 執行指令碼抓取數據,生成包含前 10 名爆款及關鍵詞分割槽的週報。 * 執行完畢後切回「自動稽核」模式以確保安全。 * **步驟 4:設定自動化任務** * 在「自動化」側邊欄新建任務。 * 設定觸發時間:每週一早上 9 點。 * 設定通知:透過 Gmail 外掛發送郵件,主旨與正文包含週報內容。 ### 五、 總結與資源 * **Agent 價值**:生產力大幅提升,從交付成品轉變為直接提供可用版本。 * **資源領取**:掃描二維碼加入官方 LINE,輸入暗號「Codex」領取新手懶人包。 * **社群加入**:加入千人自媒體辦群,參與直播分享。 ## 工具 / 模型 / 名詞整理 * **Codex**:OpenAI 推出的桌面應用程式。 * **OpenAI**:開發 Codex 的公司。 * **ChatGPT**:提及的基礎模型及登入帳號來源。 * **ChatGPT 5.5**:逐字稿提及的最新模型名稱。 * **Cursor Code**:逐字稿中用於比較的競爭產品。 * **Vercel**:用於部署網站的平台。 * **GitHub**:用於 Vercel 授權的帳號來源。 * **Google Drive**:提及的外掛連接對象。 * **Notion**:提及的外掛連接對象。 * **Gmail**:提及的外掛連接對象及自動化發送郵件工具。 * **YouTube**:數據來源及影片嵌入平台。 * **Gamma**:逐字稿中用於比較設計能力的工具。 * **LINE**:領取資源的通訊軟體。 * **API Key**:應用程式介面金鑰,用於 YouTube 數據抓取。 * **.env**:用於存放敏感資訊(如 API Key)的特殊檔案格式。 * **自動稽核 (Auto-Audit)**:Codex 中的一種權限設定模式。 * **完整存取權 (Full Access)**:Codex 中的一種權限設定模式。 ## 操作流程整理 ### 流程一:搭建並部署個人網站 1. **安裝與設定**:確保擁有 ChatGPT Plus/Pro 帳號,安裝 Codex 桌面版。 2. **建立專案**: * 命名為全英文小寫,使用底線連線,避免空格與中文。 * 建立獨立資料夾。 3. **前期規劃**: * 提供 YouTube 連結、落地頁連結、參考網站。 * 設定智慧程度為「高」或「超高」,讓 AI 規劃區塊與風格。 4. **生成與預覽**: * 指令生成代碼,並要求「啟動本地預覽伺服器」提供網址。 * 確認網址為 `http` 開頭。 * 將權限設為「自動稽核」。 5. **視覺修改**: * 利用內建瀏覽器功能,滑鼠高亮元素。 * 圈選區域輸入修改指令(如排版調整),即時更新預覽。 6. **功能完善**: * 嵌入 YouTube 影片(添加註解)。 * 設定 CTA 按鈕: * 按鈕 1:連結至 YouTube 頻道(新分頁)。 * 按鈕 2:連結至網站內部諮詢頁面(Consultation)。 * 指令建立諮詢頁面,自動生成返回連結。 7. **部署上線**: * 使用 Vercel 外掛。 * 授權 GitHub 或 Google 帳號。 * 獲得公開網址並分享。 ### 流程二:設定 YouTube 爆款自動化週報 1. **準備 API**: * 申請 YouTube API Key。 * 指令 Codex 建立 `.env` 檔案並存入金鑰(勿直接貼在對話中)。 2. **設定關鍵詞**: * 建立文件列出關注領域詞彙與熱詞。 3. **執行指令碼**: * 切換至「完整存取權」模式。 * 執行指令碼抓取數據,生成前 10 名爆款及關鍵詞分割槽週報。 * 執行完畢後切回「自動稽核」模式。 4. **設定自動化**: * 在「自動化」側邊欄新建任務。 * 設定觸發時間:每週一早上 9 點。 * 設定通知:透過 Gmail 外掛發送郵件,內容包含週報。 ## 值得注意的限制或風險 1. **帳號限制**:需為 ChatGPT 付費版本(Plus 或 Pro),免費版無法使用完整功能。 2. **命名規範風險**:專案名稱若包含中文或空格,部署時可能會出錯。 3. **網址格式風險**:預覽時需確認網址為 `http` 開頭,若為 `file` 開頭則為本地檔案,非伺服器版本。 4. **設計能力限制**:Codex 前端設計能力可能不如 Cursor 或 Gamma,但價效比高且易修改。 5. **API 額度限制**:YouTube API Key 每日有 1 萬點免費額度限制。 6. **安全性風險**:API Key 若直接貼在對話中可能洩露,應放入 `.env` 檔案;執行指令碼時需切換至「完整存取權」,執行後應切回「自動稽核」以確保安全。 ## 逐字稿辨識疑點 * **No Amish boy**:開頭用語,聽寫錯誤,疑為英文口語或特定梗。 * **全 UGBT 帳號**:疑為「ChatGPT 帳號」之聽寫錯誤。 * **Cloud Code**:逐字稿多次提及,疑為「Cursor Code」或「Cursor」之聽寫錯誤。 * **TedGPT**:逐字稿多次提及,疑為「ChatGPT」之聽寫錯誤。 * **Cloud Design**:疑為「Cursor Design」或特定設計工具之聽寫錯誤。 * **GAMLINE**:疑為「Gamma」或特定工具之聽寫錯誤。 * **Select Google Drive形式地**:語意不通,疑為「連接 Google Drive 時」或類似意思之聽寫錯誤。 * **找我的內容**:疑為「找之前的內容」之聽寫錯誤。 * **代田空格**:疑為「待填空格」或「空白處」之聽寫錯誤。 * **經綸**:疑為「金鑰」或「Key」之聽寫錯誤(API Key)。 * **天價 7**:疑為「Codex」或「官方」之聽寫錯誤。 * **Lan**:疑為「LINE」之聽寫錯誤。 * **辦群**:疑為「班群」或「飯圈」之聽寫錯誤。 * **乾貨**:疑為「乾貨」或「干货」之聽寫錯誤。 ## 可延伸追問 1. Codex 的「自動稽核」與「完整存取權」模式在實際操作中的具體差異與安全邊界為何? 2. 對於非技術背景的用戶,如何有效監控 Vercel 部署後的網站運行狀態與錯誤日誌? 3. YouTube API Key 的每日 1 萬點額度對於高頻率抓取熱門影片的自動化腳本是否足夠?若不足應如何擴展? 4. Codex 在處理複雜前端樣式(CSS)與響應式設計(Responsive Design)時的具體表現與常見限制有哪些? 5. 如何確保自動化發送電子報時,Gmail 外掛的權限設定既安全又能穩定運作?