首頁
影片
頻道
食衣住行
全部
31027
DIY
1984
衣著
547
妝扮
961
車
4004
房屋
1912
社會
5447
政論
82
美食
5236
烹飪
8939
新聞
192
環保
382
點心
1341
休閒娛樂
全部
87781
ASMR
154
小說
3312
戶外
1321
日常
4762
卡通
1242
民俗
1849
休閒
1193
收藏
807
明星
4696
玩具
1310
美女
971
音樂
7832
旅遊
1063
神秘
1814
配音
527
偶戲
760
動漫
6540
開箱
681
新奇
838
運動
2377
遊戲
10593
電視劇
10898
電影
5724
漫畫
836
綜藝
6033
劇場
1101
廣播
454
趣味
4145
寵物
1652
魔術
2296
教學知識
全部
48115
3C
1612
人物
446
人際
135
心靈
2043
文化
1300
文學
723
生物
167
地理
702
宇宙
405
兒童
1208
兩性
1388
命理
1228
宗教
3887
法律
524
知識
2413
科學
1860
軍武
1350
財經
6176
健康
4333
動物
2006
教育
2535
軟體
1123
植物
326
園藝
2715
演講
325
綜合
1715
歷史
2064
職場
462
雜談
1025
藝術
1317
攝影
602
我要推薦
回上一頁
【Gemini AI 網頁設計】使用 Stitch+Antigravity 做出令人驚艷的網站!
2,747
2026-03-16
87
犬哥網站
▬▬▬▬▬ 🏆️ 犬哥專業服務 🏆️ ▬▬▬▬▬ 網頁設計&數位行銷服務 ➜ https://frankknow.com ▬▬▬▬▬ 🏆️ 精選架站系列 🏆️ ▬▬▬▬▬ 新手自學架站(網域+主機+WordPress 架站,一次學會)➜ https://frankknow.com/wp-web-doing/ 優質主機挑選 ➜ https://frankknow.com/wordpress-hosting/ ▬▬▬▬▬ 🏆️ 精選線上課程 🏆️ ▬▬▬▬▬ WordPress 高手架站課:https://frankknow.net/wp-course/ SEO 排名飆升課:https://frankknow.net/seo-course - 如果你最近開始接觸 AI 做網站,會發現 AI 很會設計,但不一定能真的把網站做出來,這也是我會開始研究...
說明
▬▬▬▬▬ 🏆️ 犬哥專業服務 🏆️ ▬▬▬▬▬ 網頁設計&數位行銷服務 ➜ https://frankknow.com ▬▬▬▬▬ 🏆️ 精選架站系列 🏆️ ▬▬▬▬▬ 新手自學架站(網域+主機+WordPress 架站,一次學會)➜ https://frankknow.com/wp-web-doing/ 優質主機挑選 ➜ https://frankknow.com/wordpress-hosting/ ▬▬▬▬▬ 🏆️ 精選線上課程 🏆️ ▬▬▬▬▬ WordPress 高手架站課:https://frankknow.net/wp-course/ SEO 排名飆升課:https://frankknow.net/seo-course - 如果你最近開始接觸 AI 做網站,會發現 AI 很會設計,但不一定能真的把網站做出來,這也是我會開始研究 Stitch + AntiGravity 這個組合的原因。 Stitch 很擅長把你的想法快速變成「 漂亮的網站 UI 」,AntiGravity 可以幫你直接在 localhost 本機環境運行網站,還能透過 AI 協助修改與優化專案內容。 本來需要手動改程式碼的地方,都可以透過 AI 快速完成! 這部影片帶你跑一次完整流程: 「 想法 → UI 設計 → 專案修改 → 本機運行 → GitHub → 部署上線 」 跟著步驟,你也能輕鬆開發一個新網站囉~ - 影片時間軸 00:00 1. 開頭 00:43 2. 使用 Stitch 生成網站 UI 02:27 3. Stitch AI 重點功能 07:51 4. 使用 AntiGravity:運行 localhost 本機環境 13:06 5. 使用 AntiGravity:統一網站選單 15:27 6. 使用 AntiGravity:修復網站圖片 16:21 7. 進行 AntiGravity+Stitch 的 MCP 串接 18:30 8. 玩看看 Stitch MCP 功能 20:22 9. 從 GitHub 下載 Stitch Skill 21:54 10. 使用 Stitch Skills 強化網站設計 25:16 11. 使用 hosting.com 讓網站上線 29:55 12. 使用 Vercel+Github 部署網站 35:50 13. 結尾 ▬▬▬▬▬ 💡 相關教學&資源 💡 ▬▬▬▬ 影片提到的所有 Prompt 指令:https://docs.google.com/document/d/1b8tjgtXIkdnQ3PKTUrQCuY9vVNPVg4vRngdSGbcn5m4/edit?usp=sharing hosting.com 主機(優惠連結):https://hosting.com/hosting/?aid=frankknow&bid=9eb88ccd hosting.com 主機申請教學:https://frankknow.com/hosting-teach/ Stitch:https://stitch.withgoogle.com/ AntiGravity:https://antigravity.google/ Stitch MCP Setup:https://stitch.withgoogle.com/docs/mcp/setup Stitch Skills(Github):https://github.com/google-labs-code/stitch-skills Vercel 雲端主機:https://vercel.com/ ▬▬▬▬▬▬▬ 💬 關注我們 💬 ▬▬▬▬▬▬▬ 犬哥學院 ➜ https://frankknow.net 犬哥 IG ➜ https://www.instagram.com/wp.dog/ 犬哥 FB 社團 ➜ https://www.facebook.com/groups/frankknow #網站架設 #網頁設計 #Stitch #antigravity #AI架站 #AI #人工智慧開發 #架站教學
14:36
私藏全能视频救星公开!AI画质修复、360P变4K、受损无声视频修复,一站式视频修复软件HitPaw VikPea深度测评
15:19
Sora2 18個瘋狂案例,幫你快速起號獲取流量,內含註冊教程+邀請碼獲取方式
05:54
AI SEO 實戰教學:我如何讓 AI 引用網站內容?這比在 Google 首頁排名更關鍵!
11:43
【n8n快速入门】🛠️ 省钱必看:领亚马逊免费套餐,高效部署n8n全攻略!⚡ #aigc #n8n #Amazon
22:59
Grok 最强 AI 视频生成工具!一键生成电影级大片|生图+说话+高清长视频完整教学
༺ 資料蒐集來源:
YouTube
༻
本站不需註冊加入會員,保障個人隱私,完全不用Cookei