🌐 零基礎搭建個人網站 — 溝通才是關鍵!
自己用 IDE 從零搭建了個人網站,根本不需要懂 HTML。
但我發現,大多數人失敗的原因不是「技術不夠」,而是「不會跟 AI 溝通」。
【最常見的錯誤】
❌ 錯誤心態: 「AI 很厲害,一次把所有需求丟給它,讓它直接做完」
結果:
• AI 生成了一個不符合你期待的網站
• 要重新修改時,發現改 A 壞 B
• 最後整個專案崩潰,重頭再來
【正確的搭建流程(3 步走)】
1️⃣ Step 1:先確定整體架構(不要讓 AI 直接寫 code)
一開始不要急著要程式碼,先跟 AI 對齊「網站架構」:
你: 「我想建一個個人品牌網站,要有首頁、關於我、作品集、聯絡方式這 4 頁。你覺得這樣的架構合理嗎?還有什麼建議?」
AI 會給你回饋,例如: 「建議首頁加上 CTA 按鈕」、「作品集可以分類展示」
確認架構後,才開始進入開發階段。
2️⃣ Step 2:逐頁逐區塊修改(一次只改一個部分)
千萬不要一次丟 10 個需求: ❌「幫我把首頁改成深色模式,順便調整字體,然後加上動畫效果,還有把 CTA 按鈕改成綠色⋯⋯」
這就像你一次交 10 件事給新員工,他一定會搞砸。
✅ 正確做法:
• 第一輪:「先把首頁改成深色模式」
• 確認沒問題後,第二輪:「把標題字體改成 Montserrat」
• 再確認後,第三輪:「加上淡入動畫」
為什麼要這樣做?
因為 AI 每次修改都是基於「當下的版本」。如果你一次改太多東西,AI 很容易搞混,把上一版的正確程式碼改壞。
分步修改 = 每一步都可控,出問題立刻抓到 一次性大改 = 出問題後不知道哪裡錯,只能重來
3️⃣ Step 3:部署到伺服器
網站做好後,你有 3 種選擇:
🔹 GitHub Pages
• 適合誰:學生、測試用
• 成本:免費
• 優點:✅ 免費
• 缺點:❌ 只能放靜態網站
• 適合誰:個人品牌、小生意
• 成本:US$2/月
• 優點:✅ 便宜、穩定、✅ 支援 WordPress
🔹 Vercel
• 適合誰:開發者 • 成本:免費 ~ US$20+
• 優點:✅ 部署快
• 缺點:❌ 商業用途要付費
我推薦新手用 Hostinger,原因:
• 固定月費 US$2,不會有意外帳單
• 附贈網域名稱(省一筆錢)
• 支援 WordPress(以後想用模板也可以)
💡 最重要的一句話:
跟 AI 合作建網站,就像管理一個遠端員工 —— 你不會一次把所有需求丟給他,而是先交代一件事,做好了再交下一件。溝通的節奏,決定了專案的成敗。
🏆 結論:從「AI 輸出消費者」升級為「AI 成果策展人」
以前我們用 AI,是「消費者心態」:
• AI 跑完了,我複製貼上
• 資料散落各處,要用的時候再去找
• 越用越亂,最後放棄整理
現在我們用 AI,應該是「策展人心態」:
• AI 是我的助手,我是總指揮
• 我設計好「成果的家」(前端界面),AI 負責填充內容
• 資料越多,我的系統越強大
與其每次花時間在終端機裡翻找舊資料,不如花一次時間搭建一個前端界面,讓所有成果都有一個「家」。
這才是 AI 時代真正高效的工作方式。
你有什麼想用 AI 搭建的前端界面嗎?或是已經用 Skills 建了什麼有趣的東西?歡迎留言分享!👇
2
0 comments
Heison Chow
4
🌐 零基礎搭建個人網站 — 溝通才是關鍵!
powered by
AI 自動化中心
skool.com/hei-ai-8196
這是一個幫助你掌握AI自動化工作以及AI Agent (AI代理) 的中心。讓我們一起利用AI令你的人生更精彩!
升級至VIP:
skool.com/ai-plus-8477
Build your own community
Bring people together around your passion and get paid.
Powered by