css
5 篇文章
Day 24 — 文章排版优化 + 左侧目录导航栏
修复了两个问题：1) 项目使用 Tailwind 的 prose 类但未安装 @tailwindcss/typography 插件，导致文章排版完全依赖浏览器默认样式，阅读体验差；2) 为长文章添加可跳转的左侧目录栏。方案上用自定义 .article-content 替换 prose，避免引入外部依赖；TOC 用客户端 JS 动态扫描 heading 生成，fixed 定位不占文档流，配合毛玻璃背景和滚动高亮。
Day 23 — 性能优化：修复 25fps 卡顿与 View Transitions 主题丢失
从用户反馈的 '网页卡顿' 出发，深入诊断并修复了三层性能问题：backdrop-blur 导致 GPU 重绘过载、timeTheme.js 的 applyColor 每帧无脑调用造成 DOM 重排和 PMREM 环境贴图重建、所有页面使用硬编码颜色导致时间主题失效。同时修复了 View Transitions 切换页面后颜色回退到白色的兼容性问题。
Day 21 — 让 3D 场景拥有时间灵魂：24 小时昼夜系统
为博客引入基于新加坡时区的 24 小时动态背景系统：Three.js 3D 场景根据时间自动变色，UI 卡片和文字同步切换明暗模式
Day 6 — 阅读面板加宽 + 透明度滑块修复 + 全站毛玻璃样式统一
阅读面板加宽到 4xl、修复 View Transitions 下透明度滑块不工作、全站返回按钮和社交图标统一毛玻璃样式
Day 2 — CSS 骨架修复 + 灯条动画 + 博客分类系统
修复 Tailwind 不生效、实现卡片 LED 灯条动画、搭建博客分类路由、连接建站日志文档