自己用 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 • 適合誰:學生、測試用 • 成本:免費 • 優點:✅ 免費 • 缺點:❌ 只能放靜態網站 🔹 Hostinger • 適合誰:個人品牌、小生意 • 成本:US$2/月 • 優點:✅ 便宜、穩定、✅ 支援 WordPress 🔹 Vercel • 適合誰:開發者 • 成本:免費 ~ US$20+ • 優點:✅ 部署快 • 缺點:❌ 商業用途要付費 我推薦新手用 Hostinger,原因: • 固定月費 US$2,不會有意外帳單 • 附贈網域名稱(省一筆錢) • 支援 WordPress(以後想用模板也可以) 💡 最重要的一句話: 跟 AI 合作建網站,就像管理一個遠端員工 —— 你不會一次把所有需求丟給他,而是先交代一件事,做好了再交下一件。溝通的節奏,決定了專案的成敗。 🏆 結論:從「AI 輸出消費者」升級為「AI 成果策展人」 以前我們用 AI,是「消費者心態」: • AI 跑完了,我複製貼上 • 資料散落各處,要用的時候再去找 • 越用越亂,最後放棄整理 現在我們用 AI,應該是「策展人心態」: • AI 是我的助手,我是總指揮 • 我設計好「成果的家」(前端界面),AI 負責填充內容 • 資料越多,我的系統越強大 與其每次花時間在終端機裡翻找舊資料,不如花一次時間搭建一個前端界面,讓所有成果都有一個「家」。 這才是 AI 時代真正高效的工作方式。 你有什麼想用 AI 搭建的前端界面嗎?或是已經用 Skills 建了什麼有趣的東西?歡迎留言分享!👇