「我想要一個網站,但我不會寫程式。」
這是我聽過最多的一句話。以前,我會推薦 WordPress、Wix 或 Squarespace。但現在,我會說:
你只要用一句話描述你想要什麼,AI 就幫你蓋好。
這就是 AI 建站包——用 Vibe Coding(語感式開發)的方式,讓完全不會程式的人,在一堂課內擁有自己的網站。
這堂課你會完成什麼?
- ✅ 一個有真實網址的網站,任何人都能打開瀏覽
- ✅ 學會用自然語言修改網站——不喜歡?打字跟 AI 說就好
- ✅ 掌握更新流程——未來要改內容、加頁面,你自己就能做
真實案例
案例一:旅遊網站
一位學生 Lucia 想做一個旅遊分享網站。她已經寫好了幾篇旅遊筆記(存在備忘錄裡),但不知道怎麼變成網站。
課堂上,她在 AI 聊天視窗輸入指令,上傳旅遊內容,10 分鐘後網站就部署到 Vercel 上了。她反覆練習上傳第二篇、第三篇,發現「好像真的可以耶!」,非常開心。
案例二:活動說明頁
另一位學生需要一個「說明會報名頁」。她先用 ChatGPT 的「全自動提示改進器」把需求講清楚,再回到 AI 工具生成網站。十幾分鐘,一個有活動資訊、報名入口的 Landing Page 就上線了。
從「我想要一個網站」到「網站上線」,全程不到 20 分鐘。
什麼是 Vibe Coding?
Vibe Coding(語感式開發)是一種全新的開發方式:
你不寫程式碼,你寫「你想要什麼」。AI 負責把它變成真的。
想改顏色?跟 AI 說:「把背景改成深藍色。」
想加照片?跟 AI 說:「幫我把這三張旅遊照片放上去。」
想調排版?跟 AI 說:「讓標題大一點,照片排成兩欄。」
就這麼簡單。你用的是自然語言,AI 負責翻譯成程式碼。
技術架構(你不用懂,但可以知道)
- AI 生成:用 Antigravity 在本地端生成網站原始碼
- 版本控制:推送到 GitHub(你的網站倉庫)
- 自動部署:Vercel 偵測到更新,自動上線
整條流程是全自動的。你只需要在聊天視窗打字,剩下的交給系統。
適合誰?
- 需要個人品牌網站或作品集的自由工作者
- 需要活動報名頁或產品介紹頁的小型企業
- 想用最低成本(甚至免費)擁有一個專業網站的人
- 完全不會程式也沒關係——這是 Vibe Coding 的意義
#VibeCoding #AI建站 #Vercel #GitHub #Landing Page #數位人生管理教練



