# 影片筆記:【ChatGPT新機能】スマホだけでも本格サイト完成!「サイト」が想像以上にすごかった!! ## 一句話總結 講者利用 ChatGPT 最新發布的「Site」功能,僅憑一部手機在參加孩子社團比賽的等待時間內,透過語音提示詞與 Google Drive 插件整合,在約 7 分鐘內快速建立了一個具備多頁面結構、密碼保護及內容整合的「AI商業活用塾」複習門戶網站,證明了該功能大幅降低了網站製作門檻。 ## 核心重點 * **手機端高效建站**:無需電腦,僅使用手機透過語音輸入提示詞(Prompt),即可在閒暇時間(約 7 分鐘)內完成網站初版與後續修正。 * **多頁面結構優勢**:與 Google Gemini 的 Canvas 模式可能僅支援單頁不同,ChatGPT 的 Site 功能支援單一網站塊內建立多個頁面,並透過內部連結互相跳轉,結構更完整。 * **雲端文件整合**:透過連接 Google Drive 插件,網站可直接讀取雲端文件(如講義記錄),並能將 Google Docs 內容轉化為獨立的網站頁面,而非直接開啟原始文件。 * **簡易權限管理**:支援在首頁設置「成員專用密碼」,實現公開 URL 但需密碼進入的限定公開效果,適合內部門戶或活動頁面。 * **響應式設計**:網站自動優化手機版佈局,確保手機觀看體驗良好。 * **SEO 與適用場景**:雖然 SEO 效果可能較弱,但對於快速建立內部門戶、活動頁面、簡易官網或 Landing Page 非常實用。 ## 詳細大綱 ### I. 背景與故事:手機上的意外創作 * **起因**:講者(Julin)原本無意製作網站,因參加孩子社團比賽,在漫長的等待時間中,決定嘗試 ChatGPT 的「Site」功能。 * **環境限制**:僅有手機,無電腦;希望盡量減少看手機的時間,以專注於比賽。 * **目標**:為講者經營的「AI商業活用塾」製作一個複習門戶網站。 * **過程**: * 僅用手機語音輸入提示詞。 * 指示 ChatGPT 讀取 Google Drive 中的講義記錄。 * 等待比賽期間,ChatGPT 在後台自動生成網站。 * 比賽結束後確認,網站已接近完成。 ### II. 功能實測與操作步驟 * **前置準備**: * 在 ChatGPT 網頁版中,進入「Plugins」(插件)設定。 * 推薦連接「Google Drive」插件,以便網站能讀取雲端文件。 * **建立網站流程**: 1. 點擊左側邊欄的「Show more」(更多顯示)。 2. 點擊「Site」(網站)選項。 3. 點擊「Create」(建立)按鈕,進入 Site 編輯頁面。 4. 此功能實為 ChatGPT Workspace(工作區)的一部分。 * **提示詞撰寫重點**: * 明確指定網站目的、目標受眾。 * 指定內容來源(如:從 Google Drive 讀取講義)。 * 指定公開範圍(如:僅限成員瀏覽)。 * 指定管理需求(如:管理者可定期更新)。 * **模型選擇**: * 講者使用 GPT-5.6 Sol 中級版本(註:聽寫疑點,可能為特定版本或口誤)。 * 資源消耗:約佔 5 小時限制的 50%。 ### III. 網站生成與修正過程 * **初版生成**: * 耗時約 5 分鐘思考,提供 3 種設計方向(親和學習門戶、溫暖學習工作室、現代化學習儀表板)。 * 講者選擇第 1 種設計。 * 後續耗時約 6 分 46 秒進行結構化處理。 * **結構化內容**: * 將 22 份講義記錄轉化為可透過關鍵詞搜索的結構。 * 初步完成門戶網站架構。 * **成員管理提案**: * ChatGPT 建議透過發送 ChatGPT 帳號電子郵件來管理成員權限。 * 講者認為管理 40 位成員過於麻煩,未採用此方案。 * **修正與優化**: * **問題**:初版點擊講義會直接開啟 Google Docs,需修改分享設定,較為麻煩。 * **修正指令**:要求將 Google Docs 內容轉化為獨立的網站頁面,並透過連結開啟;移除第 24 期內容,僅保留第 25 期內容。 * **結果**:ChatGPT 在約 8 分 27 秒的思考時間後,完成頁面獨立化與內容更新。 * **細節調整**:嵌入圖片至獨立解說頁面、增加下載按鈕。 * **最終安全設定**: * 講者選擇在首頁設置「成員專用密碼」。 * 網站雖為公開 URL,但需輸入密碼才能進入,簡易實現限定公開。 ### IV. 功能比較與總結 * **與 Google Gemini Canvas 對比**: * Gemini Canvas 可能僅支援單頁網站(One-page site)。 * ChatGPT Site 支援單一網站塊內建立多個頁面,並透過連結互相跳轉,結構更完整。 * **網址與域名**: * 預設網址為 ChatGPT 域名下(如 chatgpt.site)。 * 若擁有自訂域名(如 .com),可嘗試連接,但過程較繁瑣。 * 對於非 SEO 導向的內部門戶或活動頁面,預設網址已足夠使用。 * **響應式設計**: * 網站自動優化手機版佈局,確保手機觀看體驗。 * **結論**: * 網站製作門檻大幅降低,從「必須用電腦」轉變為「手機即可快速完成」。 * 適合快速建立官網、門戶、活動頁面或 Landing Page。 * 雖然 SEO 效果可能有限,但作為展示或內部工具非常便利。 ### V. 結語與推廣 * 講者推廣其經營的線上課程「AI商業活用塾」。 * 鼓勵觀眾嘗試 ChatGPT 的 Site 功能。 ## 工具 / 模型 / 名詞整理 * **ChatGPT**:主要使用的 AI 工具。 * **Site**:ChatGPT 的新功能,用於建立網站。 * **Google Drive**:雲端儲存服務,講者推薦連接為插件以讀取文件。 * **Google Docs**:講義記錄的原始文件格式。 * **Google Spreadsheet**:提及可儲存於 Google Drive 的文件類型之一。 * **Plugin**:ChatGPT 中的插件功能,用於連接外部服務。 * **ChatGPT Workspace**:Site 功能所屬的工作區環境。 * **GPT-5.6 Sol**:講者提及使用的模型版本(疑點:此名稱非常規,可能為口誤或特定內部版本,需查證)。 * **Google Gemini**:對比工具。 * **Canvas Mode**:Google Gemini 的功能模式。 * **AI商業活用塾**:講者經營的線上課程名稱。 ## 操作流程整理 1. **進入 Site 功能**: * 在 ChatGPT 網頁版左側邊欄點擊「Show more」(更多顯示)。 * 選擇「Site」(網站)選項。 * 點擊「Create」(建立)按鈕進入編輯頁面。 2. **連接插件**: * 在設定中連接「Google Drive」插件,以便網站讀取雲端文件。 3. **撰寫提示詞(Prompt)**: * 透過手機語音輸入,明確指定: * 網站目的與目標受眾。 * 內容來源(指定從 Google Drive 讀取講義)。 * 公開範圍(如僅限成員)。 * 管理需求(如管理者更新)。 4. **選擇模型與生成**: * 選擇模型(講者提及 GPT-5.6 Sol 中級版本)。 * 等待 ChatGPT 生成初版設計(提供多種設計方向供選擇)。 5. **結構化與修正**: * 將雲端文件內容轉化為網站頁面結構。 * 若初版直接連結 Google Docs,可指令修改為獨立網站頁面。 * 調整內容(如刪除特定期數、增加下載按鈕、嵌入圖片)。 6. **設置安全與發布**: * 在首頁設置「成員專用密碼」。 * 發布網站,獲得公開 URL(預設為 ChatGPT 域名下)。 ## 值得注意的限制或風險 * **SEO 效果有限**:影片提到 SEO 效果可能較弱,不適合高度依賴搜尋引擎排名的商業網站,更適合內部或展示用途。 * **域名連接繁瑣**:若需使用自訂域名(如 .com),連接過程較為繁瑣。 * **成員管理複雜性**:ChatGPT 建議的透過發送帳號電子郵件管理成員權限的方式,對於大量成員(如 40 人)而言管理成本較高。 * **資源限制**:使用該功能會消耗 ChatGPT 的資源額度(講者提及佔用 5 小時限制的 50%)。 ## 逐字稿辨識疑點 * **「GPT5.6索爾中程度」**:逐字稿中講者提到「GPT5.6ソルの中程度」,聽寫為「GPT5.6索爾中程度」。目前 OpenAI 官方模型版本通常為 GPT-4o 或 GPT-4 Turbo 等,「GPT-5.6」及「索爾(Sol)」為非標準命名,可能為口誤、聽寫錯誤或特定測試版名稱,無法確認實際所指為何。 * **「AIビジネス活用塾」**:講者經營的線上課程名稱,音譯為「AI商業活用塾」。 * **「チャットGPTワーク」**:聽寫為「ChatGPT Workspace」,指 ChatGPT 的工作區功能。 * **「50%くらいかな 5時間制限」**:講者提到資源使用量佔「5小時限制的 50%」,這是指 ChatGPT Plus/Premium 用戶的「Heavy Use Period」時間限制,而非計算資源消耗百分比,語意上可能指時間預算的使用比例。 * **「第25期」**:講者提到僅保留第 25 期內容,刪除第 24 期,指課程的期數。 ## 可延伸追問 * ChatGPT Site 功能目前支援哪些具體的插件類型?除了 Google Drive 外,是否支援其他資料庫或 CMS 系統? * 對於非技術背景的用戶,如何更有效地撰寫提示詞以獲得符合預期的網站結構? * ChatGPT Site 生成的網站在數據隱私與安全性方面有哪些具體保障措施? * 若需將 Site 生成的網站導出為原始代碼或遷移至其他主機,目前是否支援此功能?