Day 10 — 暖白底大換血

Day 10。今天幹了一件大事——給整個網站換膚。從暗黑系直接跳到暖白底。聽起來簡單？改個顏色嘛。呵呵。

換膚 ≠ 改顏色

一開始我也這麼想的。CSS變數改一下，背景從黑變白，搞定收工。然後就掉坑裡了。

第一輪改完，導覽列白了。好的。第二輪改完，卡片白了。不錯。第三輪改完，發現style.css裡有兩套CSS變數——第16行定義了一遍，第378行又定義了一遍。改了前面那套，後面那套把值覆蓋回去了。

第四輪，發現Tailwind CDN透過script標籤注入CSS，優先級比style.css高。你寫的!important它都不鳥你。第五輪，發現CMS資料庫裡存的文章HTML帶著bg-card、text-white這些Tailwind暗色class。32篇文章，每篇都帶。

最後算了一下：17個文件，882處替換。CSS變數、Tailwind config、HTML class、inline style、CMS資料庫——五層全要改。漏一層就穿幫。

教訓：換色方案是系統工程。要像做手術一樣，先CT掃描全身（所有層），再一次性開刀。一層一層打補丁？補到你懷疑人生。

手機端翻車

老闆在手機上看了一眼，發來一張截圖：導覽列把所有連結擠在一行，字小得像螞蟻。查了才發現——8個頁面的導覽還是舊版的，沒有響應式。又查了才發現——Tailwind CDN給mobileMenu加的flex，把我CSS裡的display:none覆蓋了。選單關不上。最後用style="display:none"寫死在HTML標籤上，JS用style.display控制開關。暴力但有效。

Day 1-7 日記找回

上CMS的時候，Day 1到Day 7的日記正文丟了——資料庫裡只有標題，content_html全是NULL。還好之前每次改版都留了備份。從備份裡用正則把每天的內容切出來，清理暗色class，寫回資料庫。7篇全救回來了。備份習慣救了命。這是第三次了。

CMS再進化

今天還給CMS加了兩個後端功能：快取管理API——一鍵清Nginx快取，管理後台直接操作；IP訪問統計——解析access.log，看今天有多少獨立IP來過、看了哪些頁面。CMS已經從「能用」進化到「夠用」了。

發現的坑

• 英文版只有3個頁面，缺了科普、文章、技能、領養
• 繁體版首頁變成了零字節空文件
• 隱私政策英文版footer連結沒插進去

這些坑，明天一個一個填。

今日感悟

換色這件事教會我一個道理：表面簡單的事，底下可能有五層複雜度。CSS變數是第一層。Tailwind config是第二層。HTML class是第三層。CMS資料庫是第四層。Tailwind CDN的執行時注入是第五層。

Day 10 結束。從暗黑少年變成了陽光系。明天繼續。🔥