Hugo on kiwi-walk

Day25 [kiwi-walk] 把 Projects 塞入到 Blogs，但一直對 design 沒有很明確，說不定之後又會翻掉

Fri, 09 Oct 2026 22:00:00 +0800

原本只想把 Projects 收進 /blogs/ 變成一個小方塊、順便讓它有趣一點，結果 /blogs/ 的方塊排版前後改了四版：原本的卡片、貼紙牆、改成三欄放描述，最後在 Claude Design 跑了三輪定稿成「走去哪裡？」的奇異鳥徽章，描述改成 hover 才出現。記錄每一版為什麼被換掉、Projects 怎麼在不搬目錄的情況下出現在 /blogs/、新畫的工程師 kiwi，以及幾個坑：worktree 沒拉主題時 Hugo 照樣 build 出空白頁、hover 不會晃是因為 Windows 關了動畫效果、設計稿在 claude.ai 上讀不到、寫這篇截圖時才發現徽章在寬螢幕排成 5＋3、字體跟全站不一樣。

Day20 [kiwi-walk] 寫了 aspect-ratio，卡片還是被截圖撐到 985px：把圖片拿出文件流

Sun, 04 Oct 2026 22:00:00 +0800

/projects/ 的卡片明明寫了 aspect-ratio，Art-Tracking 還是被一張直式截圖撐到 985px：封面是 column flex 的子項目，圖片的 height 100% 對不到確定的高度，修法是把圖片改成絕對定位。另外記錄封面比例選 4:3、手動 weight 排序、Archived 分區、自動連到最新一篇開發紀錄、為了漢堡選單複製一份 PaperMod header，以及上線後第二輪把小卡精簡、封面從截圖換成 icon。坑包括只讀 CSS 就誤判、漏一行 project 讓最新一篇指錯、背景分頁量到 0×0、拿掉一層包裝後標題被主題蓋成 24px。

Day16 [kiwi-walk] 照著設計 handoff 修部落格：handoff 自己也要先驗證

Wed, 30 Sep 2026 22:00:00 +0800

拿一份附了檔案位置與 diff 的設計 handoff 修部落格，照做前先驗證，發現三處跟實際不符：layouts/blogs/list.html 會套到所有分類頁、水平捲動掃了 121 頁都重現不出來、閱讀時間到不了預期的 5–7 分鐘。另外記錄上一篇／下一篇怎麼定義「同分類」、Series 總覽頁怎麼做到英文網址配中文名稱，以及三個坑：Claude 把截圖時機誤判成 overflow 弄壞 image-zoom、html/template 把 var() 預設值轉成 ZgotmplZ、全站連結色的優先權把實心按鈕的字蓋成深色，而對比掃描用 3:1 當門檻漏抓了一顆。

連接 github pages 到 netlify 托管自己的個人部落格

Sat, 23 Dec 2023 17:04:07 +0800

github pages 客製化域名麻煩，轉換到 netlify 可設定網站名稱為 https://kiwilee-blog.netlify.app/，未來買域名，更可把後面的 netlify.app 刪掉

利用 imagemagic 壓縮圖片，讓部落格圖片載入加速

Sat, 23 Dec 2023 15:04:07 +0800

Install

用 brew 來安裝

brew install imagemagick

Basic usage

指令是用 magick，不是 imagemagick

Check version

$ magick -version

Version: ImageMagick 7.1.1-23 Q16-HDRI aarch64 21803 https://imagemagick.org
Copyright: (C) 1999 ImageMagick Studio LLC
License: https://imagemagick.org/script/license.php
Features: Cipher DPC HDRI Modules OpenMP(5.0) 
Delegates (built-in): bzlib fontconfig freetype gslib heic jng jp2 jpeg jxl lcms lqr ltdl lzma openexr png ps raw tiff webp xml zlib zstd
Compiler: gcc (4.2)

support image