Engineerkiwi-walk 的 /series/ 原本三張卡片橫排三塊、各自依內容伸縮，摘要長短不齊，也看不出哪個系列還在更新。這篇記錄改版過程：先用 mockup 來回六輪才動程式，標籤從三層砍到一個，日期從大字縮成標籤大小再搬到「最新文章」那一行，連載中的系列用 Day30+N 表示 streak。實作上是 CSS grid 兩欄、由各系列 _index.md 的 front matter 決定卡片內容，以及手機上最新文章標題被截成幾個字的修正。
，每次部署時 hook 查有沒有文章的 front matter 寫著 wiki 主動休閒；還沒有就顯示虛線加「即將發布」，發布之後變成正常連結](https://cdn.kiwi-walk.com/content/posts/engineer/forward-links/images/flow.png)
Engineer部落格裡有一批連結刻意指向還沒發布的文章，好讓舊文日後自動連上新文，但在那之前它們都是 404。這篇記錄怎麼用 Hugo 的 render hook 把連結改成 build 時才解析：用 llm-wiki 的頁名而不是網址當鍵，找得到就是連結，找不到就顯示「即將發布」。也記錄全形逗號讓網址 404、macOS 上 git add 靜悄悄沒加到檔案，以及連結檢查怎麼放進 CI。
Engineerkiwi-walk 之前只掛了 GA，SEO 幾乎沒碰過。這次第一次完整健檢：先把網路上的 SEO 說法拆成可驗證的主張、對照官方文件，再回頭改網站。結果是標籤與分類頁不收錄但連結照跟，sitemap 從 294 個網址降到 137；結構化資料改成以作者本人為主體；修好一張壞掉的分享圖和一個填錯的驗證標籤。也記錄為什麼保留未來日期的文章、不用 git 推算修改日期。
![之前標題是「Day31 [llm-wiki] 模型換了…」，之後標題只有內容句；系列頁卡片右上角顯示 Day 31，llm-wiki 成為標題前的淡色字](https://cdn.kiwi-walk.com/content/posts/engineer/titles-without-day/images/before-after.png)
Engineer每日連載的標題一直以 DayN [專案名] 開頭，這兩段直接進了 <title> 和搜尋結果。這篇記錄怎麼把它們從標題拿掉，又不弄丟系列裡的 Day 編號：不用 Hugo 的 tags、不從日期推算，而是讀每篇早就有的 day 與 project 欄位，在系列頁卡片的右上角顯示 Day、在列表上以淡色字顯示專案名；順便把列表的分類改成 logo 徽章、重排 archives。也記錄 archives 標籤被 flex 撐開、dev server 吐舊 CSS、專案名沒對齊標題，以及拿掉編號後搜尋找不到 Day35 的問題。
EngineerDay30 寫完，鐵人賽結束，但我想繼續每天寫，而且之後不只寫工程。這篇記錄部落格怎麼接住這件事：開新系列 kiwi-daily 而不是只靠 tag、Day 照日期延續、目錄不再帶編號；系列一路長下去，封面下的導覽改成只列目前這篇前後共 7 篇；寫文章的 skill 拆成開發紀錄與 vault 轉文章兩支，並且不寫死 Windows 路徑。也記錄 worktree 建置成功卻少了一半頁面的坑。
Engineer原本只想把 Projects 收進 /blogs/ 變成一個小方塊、順便讓它有趣一點，結果 /blogs/ 的方塊排版前後改了四版：原本的卡片、貼紙牆、改成三欄放描述，最後在 Claude Design 跑了三輪定稿成「走去哪裡？」的奇異鳥徽章，描述改成 hover 才出現。記錄每一版為什麼被換掉、Projects 怎麼在不搬目錄的情況下出現在 /blogs/、新畫的工程師 kiwi，以及幾個坑：worktree 沒拉主題時 Hugo 照樣 build 出空白頁、hover 不會晃是因為 Windows 關了動畫效果、設計稿在 claude.ai 上讀不到、寫這篇截圖時才發現徽章在寬螢幕排成 5＋3、字體跟全站不一樣。
Engineer/projects/ 的卡片明明寫了 aspect-ratio，Art-Tracking 還是被一張直式截圖撐到 985px：封面是 column flex 的子項目，圖片的 height 100% 對不到確定的高度，修法是把圖片改成絕對定位。另外記錄封面比例選 4:3、手動 weight 排序、Archived 分區、自動連到最新一篇開發紀錄、為了漢堡選單複製一份 PaperMod header，以及上線後第二輪把小卡精簡、封面從截圖換成 icon。坑包括只讀 CSS 就誤判、漏一行 project 讓最新一篇指錯、背景分頁量到 0×0、拿掉一層包裝後標題被主題蓋成 24px。
Engineer拿一份附了檔案位置與 diff 的設計 handoff 修部落格，照做前先驗證，發現三處跟實際不符：layouts/blogs/list.html 會套到所有分類頁、水平捲動掃了 121 頁都重現不出來、閱讀時間到不了預期的 5–7 分鐘。另外記錄上一篇／下一篇怎麼定義「同分類」、Series 總覽頁怎麼做到英文網址配中文名稱，以及三個坑：Claude 把截圖時機誤判成 overflow 弄壞 image-zoom、html/template 把 var() 預設值轉成 ZgotmplZ、全站連結色的優先權把實心按鈕的字蓋成深色，而對比掃描用 3:1 當門檻漏抓了一顆。
Engineergithub pages 客製化域名麻煩，轉換到 netlify 可設定網站名稱為 https://kiwilee-blog.netlify.app/，未來買域名，更可把後面的 netlify.app 刪掉
Engineer用 ImageMagick 的 magick 指令把部落格圖片轉成 WebP，比較有損、無損與 quality 參數對檔案大小的影響。