替自己的網站保存 Git 版本
這堂只在本機練習，不需要 GitHub、遠端連線或推送。AI 可解釋差異，命令由自己看懂後逐條執行。正常網站先在另一個資料夾保留備份。
1. 先確認 Git 與資料夾
在 Cursor 開啟自己的獨立 student-work/portfolio，用內建終端機輸入：
git --version
git rev-parse --show-toplevel
第一條應顯示版本。若尚未安裝，先依 Git 官方安裝頁 選作業系統；macOS 若出現系統安裝工具提示，完成後再確認。安裝未完成就記待完成，可先閱讀後續步驟。
第二條用來檢查是否已在其他儲存庫。未初始化時顯示不是 Git 儲存庫是預期現象。若顯示的根目錄不是自己的 portfolio，先停止，將練習移到其他專案之外的獨立資料夾再確認；不要在他人專案或家目錄初始化。若根目錄正確且已有版本，先看 status，不能重建或清除既有資料。
2. 建立自己的本機儲存庫
僅限剛才確認沒有儲存庫的 portfolio：
git init
再次執行 git rev-parse --show-toplevel，應剛好是自己的 portfolio。確認後設定這個儲存庫的練習身份；可以使用自己的顯示名稱與不收信的練習信箱，不要貼帳號密碼。
git config --local user.name "網站練習學員"
git config --local user.email "student@example.invalid"
git status
--local 只設定本儲存庫，不改電腦的全域身份。
3. 保存圖片說明的基準
先確認三頁、圖片及 alt 正常，檢查狀態中的檔案都屬於自己的網站。明確加入網站檔案，不用 git add .：
git add -- index.html works.html services.html styles.css assets/appa.png assets/work-brand.jpg assets/work-web.jpg assets/work-layout.jpg
git diff --cached --name-only
git diff --cached --stat
核對只有這八個網站檔案，沒有筆記、憑證、故障包或其他專案。範圍正確才逐條執行：
git commit -m "L04 保存圖片說明基準"
git log -1 --oneline
git status
記下自己實際取得的提交識別。status 應是乾淨工作區；如果提交失敗，先看錯誤，不假裝成功、不繼續做回復。若提示既有簽章或其他設定問題，保留訊息求助，不直接關掉他人的設定。
4. 加作品角色，再親手讀差異
使用本關修改 Prompt，讓 AI 只在 works.html 加三段「本人角色：內容整理與前端練習」。儲存後親自輸入：
git status
git diff -- works.html
git diff -- styles.css index.html services.html
作品頁應只增加三段，其他三檔沒有差異；若 AI 改太多，先釐清，不整頁覆蓋。核對正確後只保存作品頁：
git add -- works.html
git diff --cached --name-only
git diff --cached -- works.html
先確認暫存區只有 works.html 的三段文字，再執行：
git commit -m "L04 加入作品角色說明"
git log -2 --oneline
git status
兩筆提交都由自己建立，保存識別與目的。下載參考頁不包含 .git，不能當成已操作的紀錄；沒有實際提交就保持待完成。
5. 下一關另開故障練習
正常作品保留，不在這裡套入故障。下一關依故障指南，在獨立 fault-L04/portfolio 重做一筆小基準，再比較與回復指定 CSS。