zhongqqq-home

想要一個真正屬於自己的角落——放連結、放自我介紹、放正在做的東西，跟到處貼社群連結不太一樣，比較像是「這裡才是我本人」的感覺。

另一個原因是想找個地方長期練習跟 AI coding 工具協作。不是那種寫完一次就沒事的作業，而是一個會一直被回來改、加功能、修毛邊的「活專案」——這正好是最考驗跟 AI 合作模式的場景。

• 2026-07-15 · v1 初版上線 基本的個人首頁，新增「作品」區，收錄 lol-mode-mcp 與多益單字卡兩個工具。
• 2026-07-15 · v2 整站改版：Cyberpunk 2077 風格 定調配色（深黑底＋賽博黃＋青＋桃紅）跟切角造型，新增「夥伴 CREW」自訂角色圖槽區。
• 2026-07-15 · v3 大改版：滿版互動 滿版 hero＋打字機標題＋星空粒子背景、自訂游標（拖影＋磁吸）、卡片 3D 傾斜、Spotlight 雙卡、技能環狀圖表、Netlify Forms 聯絡表單。
• 2026-07-15 · v4 隱私強化 私人內容（Spotlight／暑期計畫）全部搬進日誌登入後才看得到的區塊，原始碼不再含任何私人字串；加了 BREACH_PROTOCOL 小遊戲跟 Drop Zone 檔案傳輸。
• 2026-07-20 · v5 拆分多頁架構（現在你在看的這一頁） 作品從首頁卡片拆成各自的獨立頁面；暑期任務面板大改版，加了每日 Boss 戰、暑期戰役倒數進度、自訂 Boss 圖片；全站切角造型從銳利直角改成圓角過渡。

內容跟版型分工：有一份 WORKS.md 當作網頁內容的單一來源（作品介紹、文字），跟版型/功能程式碼完全分開。另一個對話專門負責把 WORKS.md 的更新同步進 index.html，同時要遵守一份寫死的「設計方向」文件，不能自己亂改版型或亂加東西。

架構跟功能決策直接對話做：像這頁本身、任務面板的 Boss 戰玩法、把作品拆成獨立頁面這些比較大的改動，都是直接來回討論、調整出來的——先講想法，看效果，不滿意再調，跟一般開發流程差不多，只是打字的是我，動手的是 AI。

隱私是設計時就內建的：私人內容從一開始就不寫進原始碼，走登入後動態從雲端（Gist）拉取的機制。這代表任何人「檢視原始碼」看到的東西永遠是乾淨的，不會因為忘記清理而外洩。

品質檢查也交給 AI 跑：每次改版會過幾輪「功能→視覺→相容性」的自我檢查——深淺色主題兩邊都要看過、手機寬度要測、prefers-reduced-motion 要關掉動畫、連結要點得到。

• 純靜態單檔 HTML／CSS／JS，沒有前端框架、沒有建置流程
• Netlify 部署＋Netlify Functions（日誌登入的雲端同步）
• 私人內容存在 secret Gist，登入後動態載入
• GSAP 做開場動畫，載入失敗有 CSS fallback