主题 on Hansen's Blog

归影成形 — Hugo 主题—Lumenveil开发手记 (Part 2)

Wed, 12 Aug 2026 19:09:00 +0800

上一篇「织光成纱 — Hugo 主题—Lumenveil 开发手记 (Part 1)」是 v0.1.1 → v0.1.3 的开发手记，讲版本演进、设计决策、踩坑。这篇是续篇——v0.1.4 → v0.1.5 的故事：

一个 Chromium bug：backdrop-filter + box-shadow + border-radius 三件套同元素时 box-shadow 不被 border-radius 裁剪，圆角区域漏出直角阴影。两轮修复，最后用 ::before 伪元素彻底解决。
三次间距微调：分享栏「这篇文章有帮助？复制文章链接」从 5px padding 到 14px 到 18px/20px——测准的不是 padding 数值，是行到上下两条分割线的相对距离。
一个 404：blog 首页「浏览全部文章」跳到 /posts/ 永远 404——因为 mainSections = ['archives']，模板硬编码 /posts/。
移动端卡片精简：摘要 truncate 140→92 + 移动端 CSS -webkit-line-clamp: 2 + padding/margin 收紧——template + CSS 双保险，少一个就 broken。

提交 351d969 修复评论模块底部黑色直角阴影：

Wed, 12 Aug 2026 00:38:00 +0800

上一篇「Hugo + Lumenveil 搭建记录」讲的是站点部署（baseURL、canonical、缓存、反代、生产静态化）。这篇换视角，讲主题本身。版本怎么演进，每个 commit 加了什么，做了哪些设计决策，踩过哪些坑。写这篇的时候主题在 v0.1.3。

Tue, 11 Aug 2026 02:22:00 +0800

得益于 AI 大模型与 openclaw / opencode 的飞速演进，我终于有底气重启搁置多年的博客，并自研了整套 web + blog 主题。

Hugo 站点从开发模式迁到生产静态服务的踩坑实录。baseURL、canonical、缓存、模板优先级、视觉留白。记录下来，给以后踩同样坑的人。