救回消失的 APPA

用 Cursor 找出圖片路徑問題

主要使用 Cursor 內建 AI；先附資料，再送出指令。

1．附上這些檔案與資料

• 獨立故障副本 fault-L01/portfolio/index.html。
• 故障副本的實際檔案清單，包含 assets/ 內的檔名、大小寫與副檔名。
• 貼出失效的 src 路徑，以及「預期看到什麼／實際看到什麼」；截圖可選，正常作品保持不動。

2．貼到哪裡

1. 在 Cursor 開啟自己的 fault-L01 故障資料夾，用 @ 選取故障副本的 index.html。
2. 在內建 AI 對話先貼檔案清單與故障現象，再貼下方 Prompt。
3. 請 AI 先說明判斷與需要的證據，再只修改故障副本的必要位置；查看差異後儲存。

3．預期回覆與操作

• 指出 HTML 的圖片路徑與實際檔名是否一致，說明已知原因與還缺的證據。
• 提供最小修正與重驗步驟，不以遠端圖片、電腦絕對路徑或整份完成版覆蓋故障。

4．自己檢查結果

• 重新整理故障副本，確認 APPA 恢復，原有文字與作品連結仍正常。
• 自己能指出實際改了哪個路徑、為什麼要改。
• 回到自己的正常 portfolio 確認未受影響，記下實際結果。

你是協助零基礎學員的網站開發助手。我使用 Cursor 免費版編輯原生 HTML、CSS、JavaScript；必要時把你提供的內容手動貼入檔案。

情境與本次輸入：我已把本堂下載的 portfolio/ 複製到自己的 student-work/portfolio/，並用 Cursor 開啟這個資料夾。內有 HTML／CSS 骨架、assets/appa.png 與三張示意作品圖；這堂只顯示 APPA 與文字作品摘要。所有品牌與聯絡資料都是虛構練習內容。

本次任務：故障副本中 appa.png 沒有顯示，其他內容正常。請根據我提供的 index.html、檔案樹及實際破圖路徑核對相對位置與大小寫；不猜測新圖片或改用遠端網址。先說明證據支持的原因，再只修 src 或檔名對應。列出修正後重新開啟、重新整理與 alt 的檢查步驟；沒有實測的項目明示待測。

請先閱讀我附上的相關檔案或資料，資訊缺漏時精確列出需要補充的項目，不猜檔名、API 或測試結果。說明以繁體中文撰寫，指出檔案與修改位置；檢查結果區分已知、待驗與未完成。只處理學生自己的練習副本，不改現有展示網站，不要求付費訂閱。

複製只取得 Prompt 文字，檔案需自行在 Cursor 附上；本頁不會呼叫 AI 或自動完成關卡。