YouTube 上有許多針對 Google AI Studio 架設與部署網站的教學影片。
Google AI Studio 具備 Build 模式（或稱 New App / Vibe Coding），只要用自然語言描述你的網站需求，Gemini 就會自動生成完整的 React / TypeScript 前端程式碼，並支援即時預覽與一鍵部署。
推薦教學影片清單
- 實戰部署全流程（繁中）
- 頻道：Paula 寶拉
- 重點：手把手示範如何用提示詞生成網站原型、在預覽區即時調整樣式，並完成正式上線的部署設定。
- 完整部署技巧與細節
- 頻道：Darrel Wilson 用中文
- 重點：針對想要自訂網域、正式託管或避免踩坑的使用者，解說網站部署與上線設定。
- Vibe Coding 與核心介面操作
- 頻道：Hello AI | 快速應用AI
- 重點：從零認識 AI Studio 的建構介面，適合完全沒寫過程式的新手體驗如何用「說話」寫出應用與網頁。
- 平台功能全盤解析
- 頻道：李厂长来了
- 重點：快速掌握 AI Studio 的 Playground、模型參數設定、提示詞結構以及 App 建立流程。
用 Google AI Studio 架設網站的基本流程
如果你想先了解整體步驟，通常為以下四步：
- 建立新應用：登入
Google AI Studio - 描述網站功能（Prompt）：用日常語言輸入你想要的網站類型（例如個人作品集、電商展示頁、小工具等），並指定版面配置或配色（如 Tailwind CSS、暗黑模式）。
- 即時預覽與除錯：右側會即時渲染網頁畫面，如果有任何排版或功能問題，可以直接在對話框要求 AI 修正。
- 發布與託管：
- 直接發布：點擊右上角的 Publish，可直接一鍵發布至 Google Cloud Run，並取得專屬的子網址（如
your-site.ai.studio）。 - 下載本機／第三方平台託管：也可以將專案打包為
.zip下載，將靜態檔案拖曳到 Netlify、Vercel 或 GitHub Pages 免費託管。
YouTube 视频观看记录会存储在你的 YouTube 历史记录中，YouTube 会根据其 《服务条款》
YouTube 视频观看记录会存储在你的 YouTube 历史记录中，YouTube 会根据其 《服务条款》
