🪵 建立宗旨
紀錄「靜觀微語」數位圖書館的建置過程、技術參數與結構更動。
📅 2026-02-22 | 賽事對位系統建置與首頁 SEO 深度重構
🗓️ 賽事對位系統 (Open Call System) [cite_start]- 建立「規格工具書」:於
notes/open-call/目錄下建立 玉山獎、磺溪美展及金壺獎專屬頁面 [cite: 2, 176, 280]。 [cite_start]- 原子化管理:將簡章中的工藝類規格(重量限制 80kg/100kg、尺寸、年份要求)提取為常態性參考資料,實現「去年份化」的長期對位邏輯 [cite: 30, 229, 281]。🏛️ 首頁結構進化 (Index Refinement)
- 賽事地圖實裝:於首頁導入
Exhibition Circuit表格,直觀呈現年度參賽節奏與目前進度。- 視覺去亂化:徹底移除重複的 PDF 連結與過時的文字區塊,確立「地圖入口 → 工具書詳情」的導覽層次。
🔍 SEO 品牌正名 (Branding & Discovery) [cite_start]- 官方譯名同步:全面採用官方英文譯名如 Nantou County Yushan Fine Arts Award 與 Huang-Si Art Exhibition [cite: 2, 176]。
- Meta Description 優化:重構網頁描述,鎖定「賽事對位」、「設備維護」與「文獻整理」三大關鍵字,提升在工藝社群的搜尋權威。
📸 影像敘事佈局:將代表性投材紀錄照移至首頁底部,平衡「計畫性表格」與「現場職人感」。 [!abstract]- 📅 2026-02-06 | 品牌識別整合:Favicon 實裝與搜尋引擎驗證
🎨 視覺識別與 Favicon 革命 (Branding & Identity)
- 負片「永」字實裝:採用 2026 年新落款字體,經負片模式處理後上傳至
static/icon.png。- 自動化適配:利用 Quartz Favicon 外掛,自動從單一 PNG 產生
favicon.ico及行動端所需的各式圖標,確保全平台視覺統一。🔍 搜尋引擎治理 (SEO & Webmaster)
- Bing Webmaster 驗證:透過 Cloudflare DNS 成功新增 CNAME 記錄,完成 Microsoft 搜尋引擎權限驗證。
- Yandex 驗證:於 Cloudflare 部署 TXT 驗證記錄,擴展海外搜尋引擎(Yandex)的收錄範圍。
🔧 基礎設施 (DNS Management)
- Cloudflare 聯動:所有驗證記錄均透過 Cloudflare 全球節點即時生效,維持 DNS 層級的純粹性。
📅 2026-01-30 | 效能全彈發射:Cloudflare 深度優化與連線提速
- 🚀 傳輸效能革命 (Performance Tuning)
- 載入順序重構:啟用 Rocket Loader™。將 JavaScript 異步化處理,優先釋放主線程以解決 PageSpeed 報告中 5.1s LCP 的延遲問題。
- 資源優先級預判:聯動開啟 Smart Hints 與 Early Hints。由伺服器主動預告瀏覽器下載
index.css與關鍵字體,大幅縮短白屏等待時間。- 字體在地化:啟用 Cloudflare Fonts。將 Google Fonts 資源轉向至
vcdvcd.com自有網域,消除第三方 DNS 查詢延遲並修正佈局位移 (CLS)。- ⚡️ 體感速度優化 (UX Acceleration)
- 瞬移跳轉實作:啟用 Speed Brain。利用瀏覽器 Speculative Rules 預判技術,在點擊前提前預載內容,強化筆記間跳轉的流暢感。
- 零延遲連線:開啟 0-RTT Connection Resumption。優化 TLS 握手程序,讓回訪者(常駐讀者)獲得近乎瞬時的加密連線體驗。
- 📦 資源輕量化實作 (Payload Reduction)
- 三要素自動縮小:開啟 Auto Minify (HTML/CSS/JS),從底層移除冗餘代碼空間。
- 現代壓縮協議:確認 Brotli 配置,確保數據以最高壓縮比率進行傳輸。
- 🛡️ 安全防禦佈署 (Security Hardening)
- 自動化威脅阻擋:啟用 Bot Fight Mode。過濾惡意爬蟲,保護原創實驗數據不被無差別抓取。
- 🧠 決策與權衡 (Logic & Decision)
- 拒絕過度監控:評估後關閉 Real User Monitoring (RUM)。秉持「減法優化」,避免不必要的第三方腳本再次拖慢效能。
- 防禦邊界確立:判定 Page Shield 與 Leaked Credentials 不符靜態架構需求,決定「不開啟」以維持系統純粹性。
📅 2026-01-28 | 網域正名、設備維護系統建置與首頁重構
- 🌐 網域遷移 (Domain 正名化):邁向獨立 ID
- 縮短路徑:正式從 GitHub 預設長網址
https://vcdvcd214.github.io/lin-yung-chang遷移至獨立網域vcdvcd.com。這不僅是技術上的轉向,更是視覺上的減法,消除了第三方平台的冗長路徑。- 品牌辨識:強化「vcdvcd」個人 ID 的唯一性。透過網域正名,確立了數位圖書館的永久居所,讓讀者能以最直覺的方式訪問。
- 技術佈署:完成 Cloudflare DNS 轉向與 SSL 安全憑證設置,確保全站加密傳輸。
- 🏺 設備維護系統建置 (Equipment System)
- 旗艦規格建立:完成
Vacuum-Pug-Mill-2HP硬核保養筆記。整合中油技術部門建議(R100/R68)、原廠單據 WebP 數位化,並嵌入 YouTube 教學影片。- 職業安全考據:針對文獻中「硅肺」與「矽肺」用字進行溯源,將設備保養提升至職人健康管理層次。
- 預告機制:建立
notes/Equipment/index,佈署電窯、拉坯機與 DIY 工具的撰寫 Roadmap。- 📚 圖書館建設與編輯流
- 圖書入庫:新增《陶藝釉藥學》專業筆記,導入摺疊式實體影像紀錄。
- 工具優化:導入
Codeblock Customizer插件,提升代碼管理體驗。- 🏛️ 首頁結構升級 (Index Refinement)
- 三欄位導覽:重構
index.md,確立「文獻典藏、設備維護、隨筆紀錄」三大核心入口。
📅 2026-01-15 | 側邊欄秩序、路徑修復與在地化
- 🧩 側邊欄視覺革命 (UI Refinement)
- 自動標題前綴:於
quartz.layout.ts注入mapFn邏輯,自動為檔案標題補上「・」,消除散亂感。- Emoji 全站統一:修正「👤 關於我」與「⚙️ 網站設置 LOG」的圖示,讓導覽列呈現系統化視覺。
- 🔗 路徑與 404 修復 (Link Fix)
- Footer 重構:修正底部「建構日誌」連結路徑,從子資料夾導回根目錄,確保跳轉正確。
- 💻 本機開發環境搭建 (Local Development)
- VS Code 導入:正式捨棄純網頁編輯,改採 VS Code 編輯
quartz.layout.ts。- 環境偵錯:安裝 Node.js LTS 與 Prettier 插件,確保代碼格式嚴謹。
- 目前瓶頸:本地 Server (
npx quartz build --serve) 依賴安裝中,準備實現即時預覽。
📅 2026-01-14 | 系統重構、數據追蹤與核心入庫
- 📊 流量統計佈署:完成 GoatCounter 雙重植入(Head & Footer)。
- 🏺 視覺識別:確立側邊欄標題為
🏺 全站導覽。- 📚 核心藏書入庫:建立《陶藝講座-邱煥堂》、《柴燒-陳威恩》與《陶藝科學》三本基礎架構。
- 💬 評論系統:掛載 Giscus,串接 GitHub Discussions。
📅 2026-01-13 | 風格確立與版面調校
- 🎨 風格設定:預設深色模式 (Dark Mode),符合職人沉靜調性。
- 🛠️ 組件配置:加入 Search、Darkmode 與讀者互動組件。
📅 2026-01-12 | 破土動工:環境部署
- 🚀 技術選型:採用 Quartz 4.0 引擎。
- 📦 儲存同步:使用 GitHub 與 GitHub Desktop 進行版本管理。
- 📈 SEO 基礎:配置 Google Search Console。
🛠️ 技術堆疊 (Technical Stack)
| 類別 | 項目 | 備註 |
|---|---|---|
| Engine | Quartz 4.0 | SPA 模式 |
| Editor | Obsidian / VS Code | 支援雙向連結與 Prettier 格式化 |
| Storage | GitHub | 搭配 GitHub Desktop 管理 |
| Comments | Giscus | GitHub Discussions 後端 |
| Analytics | GoatCounter | 雙重 (Head & Footer) 佈署 |
💡 更新守則
每次進行技術更動或大規模內容更新時,請於最上方新增一個 [!abstract]- 區塊,確保「靜觀微語」的成長軌跡清晰可尋。