Snowmo Wanders Logo 滑雪小魔
Back to Portfolio
AI學習專案 靜態網站 Astro GitHub 網站遷移 Claude ChatGPT

從 WordPress 到靜態網站：我如何用 AI 完成一次「不敢再拖」的網站搬家

紀錄把 Snowmo Wanders 從 WordPress 搬到靜態網站＋GitHub 版本管理的完整過程，包含卡關半年的轉換工具、ChatGPT 與 Claude 在文章修改上的實際表現差異，以及最後靠 AI 十天內完成搬家、搞定 301 轉址與 Cloudflare 設定的心得。

專案背景

Snowmo Wanders的前一版的網站，原本架設在 WordPress的部「滑雪小魔喵的流浪匣」，這個網站跟著我一路從無名小站、Blogger到痞克邦，後來我自己花金錢去BlueHost租用空間。前幾年因為促銷方案便宜，後來續約成本一路往上，每年主機租用空間費用大約 200 美元。但網站發文頻率卻愈來愈低——最後幾乎一年只發 1～2 篇。

因為捨不得累積多年的文章，覺得總還會有人需要我整理的資訊。錢照付、內容卻沒跟上，加上偶爾忘記續約導致網站中斷好幾週，這個狀態撐了好一段時間。

去年跟 ChatGPT 聊到想重整個人品牌時，才知道靜態網站＋GitHub 版本管理可以取代 WordPress——不只管理更單純，還能省下主機租用費，每年只剩網域費要付。這篇記錄的是從「決定搬家」到「正式上線」的完整過程，尤其是 AI 在其中實際扮演的角色。

卡關半年的第一次嘗試

一開始我在 Mac 上用 Local（WordPress 本地開發工具）嘗試把整個 WordPress 網站做轉換。但因為文章跟照片數量太多，轉換過程一直中斷失敗，甚至因為過程中產生大量暫存檔，把電腦的儲存空間都塞滿了。

與此同時，主機那邊的租約為了因應可以隨時可能停站，在去年底變成更貴的月租方案；網域最終也在今年 5 月到期，我只能在旅行途中匆忙續租、同時把未來想用的網址先定下來。整個搬家計畫因為轉換工作不順利，就這樣卡了超過半年。

轉捩點：先架站，再挑文章搬

受不了一直拖延又持續付高額月租費，我在旅行途中決定乾脆終止主機合約——網站到 7 月中就完全下線了。我本該是要擔心，停約後無法繼續執行計劃。但幸好先前為了轉換整站，本地端已經有備份，才敢放心離線繼續處理。

七月下半回到德國後，感受到過去文章在 Google 搜尋中累積的搜尋紀錄有消失的壓力，我忽然產生一個念頭，決定放棄「整站一次轉換」這條一直失敗的路，改成：

  1. 先把靜態網站架起來
  2. 再回頭去蕪存菁地挑文章搬過去（只挑有資訊價值的文章，年代太久或純個人碎念的文章，就留在本地端自己收藏）

因為自己的轉念，這個順序上的調整，是整個專案能推進下去的關鍵。

AI 實際幫上忙的地方

從決定「先架站、再搬文章」到正式上線，大概花了 10 天，而且完全是靠 AI 才能有這個速度。具體來說，AI 協助的範圍包括：

  • 文章搬遷與內容清理：
    1. workpress輸出的xml檔，分拆成單獨的.md檔。
    2. 分折把舊文章重新整理成適合靜態網站的格式，並配上合乎SEO的檔名。
  • 新增留言功能 靠 AI指示使用Astro Resend，再靠AI 寫出具留言功能的頁面
  • 寫出小魔滑雪班頁面 參照原本設在Wix上的「小魔女中文滑雪」網站，寫出一個Astro頁面
  • 301 轉址設定：在原本的 WordPress 網站已經下線、拿不到原始設定的情況下，靠 AI 協助寫出scripty產出redirect的新舊網站mapping，並在 Cloudflare 上透過Cloudflare API 完成關鍵的 301 轉址設定

需要說明的是，這次是「文章搬家」而非「全新架站」，所以速度上比起完全用 AI 從零開始建站的情況，應該還是相對慢一些。

ChatGPT 與 Claude 的實際差異

這次專案中一個值得記錄的心得，是兩個 AI 工具在「修改既有文章」這個任務上的表現差異。

一開始我用 ChatGPT 來修改文章內容，但溝通效率不理想，文章內容被大幅刪減、改到面目全非，反而浪費了不少時間重來。後來改用調性跟我比較合的 Claude 重做一次，才讓文章維持住原本的內容跟語氣。

這個經驗對我後續選擇 AI 工具很有參考價值：同樣是「改文章」，不同工具在保留原意 vs. 大幅改寫之間的傾向差異很大，如果需求是保留原始語氣、只做局部調整，值得先用小範圍文章測試工具的改寫風格，再決定要不要大量套用。

ChatGPT會有很多來來回回的溝通，會加入很多他的想法，講一講還會飄掉，一忘了他自己前面說什麼。因為重覆的話跟討論太久了，很難讓他直接執行。他會加入很多他偏好的輸出模式，要避免來回對話到失焦，下Prompt時需要很強硬跟直接。

Claude的個性則比較像工程師，更會主動提出執行的選項，也會產出一個sample檔後，才一口氣執行。對話邏輯務實，可以減少許多不必要的來來回回。

成果與心得

截至目前，整個搬家專案大約完成了 75%，包括：

  • 網站改為靜態架構＋GitHub 版本管理，擺脫高額主機租用費，之後每年只需支付網域費約10-15美金。
  • 舊網站雖然已經完全下線，憑藉本地備份與 AI 協助進行轉檔
  • 透過AI產出有效率的Script跟協助，順利在 Cloudflare 上完成最關鍵的 301 轉址
  • 從決定重新開始到上線，實際只花了 10 天

如果要給正在考慮類似搬家專案的人一些建議：

  1. 不要執著於「整站一次轉換」：文章量大、照片多的網站，一次性轉換工具很容易卡關，先架好新站架構、再分批挑文章搬遷，反而更可行
  2. 善用本地備份：即使決定先讓舊站下線止血，只要有本地備份，仍可以離線繼續完成搬遷工作
  3. 測試 AI 工具在「保留原意」上的表現：不同工具在改寫文章時，對「保留原始語氣與內容」的忠實度差異很大，值得先小範圍測試再決定主力工具
  4. 301 轉址等技術設定也可以靠 AI 協助：即使原始網站已經下線、拿不到完整設定，AI 仍能協助在 Cloudflare 等平台上重新設定關鍵的轉址規則