https://blog.hansendong.top/tags/chromium/ Recent content in Chromium on Hansen's Blog Hugo zh-cn Wed, 12 Aug 2026 19:09:00 +0800 https://blog.hansendong.top/archives/2026/08/lumenveil-shadow/ Wed, 12 Aug 2026 19:09:00 +0800 https://blog.hansendong.top/archives/2026/08/lumenveil-shadow/ <p>上一篇「<a href="https://blog.hansendong.top/archives/2026/08/lumenveil-craft/">织光成纱</a>」是 v0.1.1 → v0.1.3 的开发手记，讲版本演进、设计决策、踩坑。这篇是续篇——v0.1.4 → v0.1.5 的故事：</p> <ul> <li><strong>一个 Chromium bug</strong>：<code>backdrop-filter + box-shadow + border-radius</code> 三件套同元素时 box-shadow 不被 border-radius 裁剪，圆角区域漏出直角阴影。两轮修复，最后用 <code>::before</code> 伪元素彻底解决。</li> <li><strong>三次间距微调</strong>：分享栏「这篇文章有帮助？复制文章链接」从 5px padding 到 14px 到 18px/20px——测准的不是 padding 数值，是行到上下两条分割线的相对距离。</li> <li><strong>一个 404</strong>：blog 首页「浏览全部文章」跳到 <code>/posts/</code> 永远 404——因为 <code>mainSections = ['archives']</code>，模板硬编码 <code>/posts/</code>。</li> <li><strong>移动端卡片精简</strong>：摘要 <code>truncate 140→92</code> + 移动端 CSS <code>-webkit-line-clamp: 2</code> + padding/margin 收紧——template + CSS 双保险，少一个就 broken。</li> </ul> <h2 id="主线影要归到形">主线：影要归到形</h2> <h3 id="症状评论区底部黑色直角">症状：评论区底部黑色直角</h3> <p>提交 <code>351d969</code> 修复评论模块底部黑色直角阴影：</p>