我上篇提到，我做了兩個語系，中文/英文
但 GPT生成兩個資料夾與index的部分
我怎麼都拖拉不上去
後來搞滿久，原來也可以用另一個方式處理
我直接Add file 再貼上程式碼就好...
但資料夾底下一定要有東西喔。
所以我就打上index.html，並在下方貼上程式碼，存檔完成。
大概等兩三分鐘，重新整理頁面就會出現了，如果有發現BUG再回報給GPT修改
以上 是我第一版遇到的困難，現在想想真的不是大問題，但是當下不知道怎麼解決上傳就花了不少時間鬼打牆。
▲我就是這樣鬼打牆的 (笑)，還創建新帳號嘗試▲
順便一提
GitHub 免費帳號對單一檔案大小有限制（最大 100MB，整個 repo 建議不超過 1GB）
接下來 我要介紹我發現的 另一個免費AI生成網站工具 https://lovable.dev/
可以使用 Google 或 GitHub 帳戶快速完成註冊，簡化流程。
免費方案每日僅提供五個 AI 訊息信用點(大概就是生成五次的意思，包含修改也算)
這是我生成好的畫面 林楊五金有限公司
只需要提供資料(我沒有提供風格)。
把文字描述都提供，然後-依此幫我生成公司形象網站，需有英文語系頁面
可以參考我提供的頁面，是不是很棒!!!! 版型也順眼多了，整個就直接提升到70分了。
(原本我看到導覽列，開心了一下，以為有分頁，結果不是，就扣分了)
然後 這個AI生成可以串接到GitHub，檔案都整理好了。
正當我得意的時候，才發現我看不到頁面!! 於是又開始排除問題。
(抱歉我沒有做好功課，哭)
Lovable本身就可以發布頁面(Publish) ，但我覺得後續我還會修改，所以想在GitHub操作，這成了我耗費時間的原因。
好的，回到原本的問題，GitHub上無法直接發布Lovable的頁面
由 Lovable 生成的 Vue 或 React 類型網頁（因為有 <script type="module" src="/src/main.tsx">），它是要用 Vite 或類似開發工具做 build 編譯才能變成靜態網頁。這個版本不能直接放在 GitHub Pages 上執行
因為：
src/main.tsx是開發原始碼（TypeScript 檔案） → 瀏覽器無法直接執行- GitHub Pages 只能放「靜態檔案」（已經 build 編譯好的 HTML / JS / CSS）
❌ Lovable.dev 為什麼不提供直接打包？
- 它是「AI 幫你開發前端」的工具，不是像 Carrd、Framer 這種純靜態網站平台。
- 它產出的項目通常是前端框架（React/Vue）專案，需要經過 build 才能部署。
- 免費方案也不會開放「一鍵匯出 zip」這種高階功能（那會讓人跳過付費 😅）
然後GPT給了我一堆建議、教學，下載程式之類的，看得我很燒腦。
我想出了截圖版面，丟給GPT重製，繼續完成頁面與我的想法。
但，免費的GPT也是有聊天上限，於是我就這樣到了第三個晚上，把全部頁面拆分好了。
也都順利發佈成可以瀏覽。
然後又是剩下不滿意的細部調整，類似文字距離、導覽列的安排等...這類。
把原本個別頁面設置修改成統一風格，GPT要我額外獨立頁首、頁尾等
整個大修一次，我的腦袋又當機了。真的沒有簡單一點的方式嗎?
忙了一晚上，我決定改試試Gemini
用貼上程式的方式作為修改，一頁一頁各別處理。
調好首頁的導覽列之後，其他頁面就告知延續首頁頁首方式，它會排成一樣的。
且保留了語系切換。(總算要熬出頭了)
本來想在<聯絡我們>的部分加上表單，但是串接失敗了，且版面跑了。
整個修改不知道還要花費多久，就先緩緩了。
最後就是手機版檢查，跟頁面檢查，暫時完成了比較滿意的頁面。
林楊五金有限公司Antelope Hardware Ltd.
給個75分(笑歪)，還是不夠滿意。
以前Dreamweaver學的都還給老師了，也沒有購買來用。
這樣的網站，你會願意花多少錢買呢? 1000? 2000?
感謝您看完這無聊的紀錄，我其實是怕自己忘記怎麼做出來的。
