Git 小技巧 - 為 ZIP / 資料夾版控法產生異動清單

雖然大部分的開發及設計人員都已經很習慣用 Git 做版控，但在地球某些角落，或是受限於交付格式，還是偶爾會看到用多個壓縮檔或不同資料夾名稱保存歷史版本的 ZIP / 資料夾版控法。

被問起：遇到這種狀況要如何找出兩個版本差在哪裡？改了哪些東西？

這篇介紹一個簡單 Git 技巧，讓我們面對 ZIP / 資料夾版控時仍能回歸正軌，用 git diff 看清版本修改始末。

假設我們手上有網站設計五次修改版本的 ZIP 檔，每個檔案內含該次修改的完整檔案內容。

此時，用以下操作步驟建立五個 Commit，接著我們就能用 git diff 產生各版本間的異動清單：

1. 將「20251201-網站設計V1.zip」內容解壓縮到 WebSite 資料夾
2. 開 CMD 切換到 WebSite 資料夾，用 git init 建立 Git 儲存庫，git add . && git commit -m "V1" 建立 V1 Commit：
   
3. 將 WebSite 資料夾「除了 .git 以外的檔案刪光」!
   
4. 將「20251205-網站設計V2.zip」內容解壓縮到 WebSite 資料夾，git add . && git commit -m "V2" 建立 V2 Commit
5. 將 WebSite 資料夾「除了 .git 以外的檔案刪光」!
6. 將「20251218-網站設計V2.2.zip」內容解壓縮到 WebSite 資料夾，git add . && git commit -m "V2.2" 建立 V2.2 Commit
7. 將 WebSite 資料夾「除了 .git 以外的檔案刪光」!
8. 將「20251221-網站設計最終版.zip」內容解壓縮到 WebSite 資料夾，git add . && git commit -m "最終版" 建立 最終版 Commit
9. 將 WebSite 資料夾「除了 .git 以外的檔案刪光」!
10. 將「20251224-網站設計真•最終版」內容解壓縮到 WebSite 資料夾，git add . && git commit -m "真•最終版" 建立 真•最終版 Commit

完成後，使用 Git 檢視工具(例如：VSCode + Git Graph)，各版本間的檔案差異及異動內容便無所遁形：

於是，我們從版控的洪荒時代又回到文明世界，水啦~

題外話，範例網站是我只吩咐了兩句，VSCode Copilot Agent + Claude Sonnet 4.5 花不到十分鐘生成的，有模有樣，從科技感到極簡風，樣式風格隨你換，甚至支援 RWD... 幫小公司做網站賺點小錢的接案行業，已然灰飛煙滅~~~