YAAAAAA～ 網站上線了。🎉🎉🎉
從大學時期因社團需求接觸 WordPress，到如今成功將半手刻的 HTML/CSS 靜態網頁託管於 GitHub。這或許算不上什麼宏大的里程碑，但絕對是次很酷的技術實踐。
2026.01.31，個人網站初版正式上架。全站從設計排版到部署，由 Vibecoding 模式與 AI 協作完成。
目前版本仍有優化空間，技術探索不會停滯，網站的迭代更新也將持續進行。
# 架構思維：模組化與檔案管理
下圖為了開發初期的 Excalidraw 架構草稿。為了確保程式碼的可維護性 (Maintainability)，在實作過程中，我選擇將 Navbar 與 Footer 拆分為獨立的組件，並透過 JavaScript 動態載入。
這種模組化的檔案結構設計，不僅實現了關注點分離 (Separation of Concerns)，也讓專案目錄更加清晰，大幅提升了後續迭代與管理的效率。
# 曾經的 Code 恐懼症
雖然現在頻繁接觸自動化工具，對程式碼也不抗拒，但過去曾因「迴圈（Loop）」邏輯卡關，一度對 Coding 以及自己的邏輯產生懷疑。ㄟ不是上一秒還在 hello world 下一秒突然計算機是怎樣?我是誰我在哪?
很感激 AI 擊碎了這道門檻。
本次開發由我個人提供核心邏輯，AI 協助代碼實作。過程中的關鍵在於「精準提問」+「解決問題」，並將生成的答案內化為自身能力。
協作過程並非一帆風順。以下是幾點實戰經驗：
-
記憶過載幻覺：
當對話太長，AI 會因為 Context Window 爆掉而開始「已讀亂答」。若是連續三天在同一個對話串裡修 Bug，程式碼往往越修越爛。解法很簡單：直接開新視窗，餵入乾淨的 HTML 檔，瞬間解決。 -
核心能力：
AI 能寫 Code，但「想法」、「判斷」及「選擇」仍需由人主導。配合 Live Server 即時微調並觀察網頁變化，解決問題的過程其實充滿成就感。
