更新内容
关于页面改版
- 采用 玻璃拟态（Glassmorphism） 设计风格
- 引入 Bento 网格布局，信息展示更加模块化
- 新增文章《关于我》
导航栏优化
- 用 Canvas + Verlet 积分 替换 Matter.js 物理引擎
- 减少第三方依赖，提升性能
- 链条动画效果更加流畅
动画增强
- 集成 AOS（Animate On Scroll） 滚动动画
- 优化文章卡片展示效果
问题修复
- 文章卡片摘要增加
plainify处理，避免 HTML 标签泄露
技术细节
Verlet 积分
Verlet 积分是一种用于计算粒子运动的数值方法，相比 Matter.js：
- 更轻量，无需引入完整物理引擎
- 更可控，动画行为可精确调节
- 更高效，适合简单的链条动画场景
Bento 布局
Bento（便当盒）布局源自 iOS 17 的设计语言，特点是：
- 模块化的卡片组合
- 不规则但有序的网格排列
- 信息密度高且美观