
给个人博客加上圆形扩散的主题切换动画
用 View Transitions API 和 clip-path 实现从点击位置扩散、向点击位置收拢的深浅主题切换,并处理降级、键盘操作和动画收尾。
Search pages, projects, posts...
<Developer/>|
#SlowLife#OpenSource#Photography
I'm a frontend developer passionate about open source and crafting my own projects.
When not coding, I'm capturing moments 📷, gaming 🎮, or lost in music 🎵.

用 View Transitions API 和 clip-path 实现从点击位置扩散、向点击位置收拢的深浅主题切换,并处理降级、键盘操作和动画收尾。

实操指南:在 Next.js 16 App Router 项目中用 i18next 实现 Cookie 驱动的国际化——零路由改造、零 URL 前缀、完整 TypeScript 类型支持,涵盖首次访问 Cookie 回写、per-request 实例隔离、Server Action 写 Cookie 等生产级细节。

A practical guide to adding cookie-based internationalization to a Next.js 16 App Router project using i18next — zero route restructuring, zero URL prefixes, full TypeScript support.

从克隆到 Vercel 部署,30 分钟搭建属于你自己的个人博客。含数据库、OAuth、管理后台完整配置教程。