前端动画性能优化笔记
做博客动画时总结的性能要点: 只动 transform 和 opacity,避免触发重排重绘 background-position 动画每帧都在重绘,慎用 高频 CDN 资源尽量本地托管(国内网络友好) 用 requestAnimationFrame + lerp 做跟手缓动 尊重 prefers-reduced-motion,给用户降级选择 动画是锦上添花,流畅才是底线。
Hexo 主题定制踩坑记
把博客从 WordPress 搬到 Hexo 后,我深度定制了 Sakura 主题,一路踩了不少坑: front-matter 必须写开头的 ---,漏了 hexo 完全不解析 模板里的转义字符会被构建器搞坏,字符串引号要用 HTML 实体 动画别直接改主题核心文件,自定义 CSS/JS 追加更安全 懒加载图片的 data-src 才是真实地址,别拿 src 当封面 这些经验写成文章,希望后来者少走弯路。
推荐 5 部治愈系动画
心情不好的时候,我会打开这几部动画: 夏目友人帐——温柔的妖怪故事 摇曳露营△——慢生活的极致 日常——无厘头的快乐 紫罗兰永恒花园——关于”爱”的成长 悠哉日常大王——乡下的慢时光 每一部都像一杯热可可,看完心里暖洋洋的。如果你也需要治愈,从第一部开始吧。
用 Cloudflare 白嫖一整年网站服务
从域名、CDN、Pages 静态托管,到 Workers 无服务器函数、D1 数据库、KV 存储、R2 对象存储,Cloudflare 的免费套餐几乎覆盖了一个独立博客的全部需求。 这篇文章分享我的完整架构: Pages:Hexo 静态博客,GitHub 推送自动构建 Workers + D1:自建评论系统与后台 CMS R2:图床与封面图库 全部零成本,且全球 CDN 加速。折腾 Cloudflare 全家桶,真的会上瘾。
我的二次元入坑史
还记得第一次接触二次元,是在某个夏天的深夜。抱着试试看的心态点开了第一集动画,从此一发不可收拾。 从热血番到治愈番,从日常系到科幻系,每部作品都像一扇通往新世界的门。二次元教会我的不仅是”可爱”,更是一种认真生活的态度。 后来我把这份热爱带进了博客——粉色主题、樱花飘落、大肥鱼 AI……这个小小的网站,就是我二次元的家。







