你是否希望自己的博客不只是文字的容器,而是一个会“呼吸”的空间?
春天有樱花悄然飘落,夏日有细雨轻拂屏幕,秋天看枫叶旋转而下,冬日伴雪花静静纷飞……
今天,我很高兴向大家介绍的Typecho四季粒子特效插件 —— FourSeasons!它轻量、可配置、不遮挡文字,只为给你的博客增添一丝季节的诗意 ✨
我的博客:
🔗 GitHub 项目地址:
〔点击查看〕
🌟 为什么选择 FourSeasons?
- ✅ 专为 Typecho 1.3.0 设计,开箱即用
- ✅ 四种季节,四种氛围:樱花 / 细雨 / 落叶 / 雪花
- ✅ 支持「简约模式」:一键切换为圆点粒子,性能更优、风格更极简
- ✅ 后台精细控制:每个季节独立开关 + 粒子数量调节
- ✅ 零依赖 + Canvas 渲染:无需 jQuery 或额外库,动画流畅
- ✅ 响应式 & 移动端友好:自动适配屏幕,小屏设备可降低密度
🎨 效果预览
正常模式(真实形状)
樱花、雨丝、枫叶、六角雪花,细节丰富但不喧宾夺主
(截图截不了一点,不想上传那么大的图片影响性能,可以看看本站或者安装测试)
简约模式(统一圆点)
粉、蓝、橙、白四色圆点,极致简洁,性能更佳
(截图截不了一点)
📦 快速安装
1. 访问 GitHub 下载最新版本:
👉 〔点击查看〕
2. 将 FourSeasons 文件夹上传至你的 Typecho 站点 /usr/plugins/ 目录
3. 登录后台 → 控制台 → 插件管理 → 找到 FourSeasons 并点击「启用」
4. 点击「设置」,选择要开启的季节效果,或开启「简约模式」
📌 建议:日常使用可只开启一个季节;若追求极致简洁,直接启用「简约模式」即可。
💡 使用场景推荐
- 个人日记博客:让文字与季节共鸣
- 摄影/旅行博客:配合内容营造氛围(如冬天发雪景时开启雪花)
- 极简风格站点:开启简约模式,仅用颜色暗示季节流转
- 节日特别装扮:春节开樱花,圣诞开雪花,轻松切换!
🛠 技术细节(开发者友好)
- 纯原生 JS + Canvas,无外部依赖
- 使用 requestAnimationFrame 保证动画流畅
- 自动监听窗口 resize,动态调整画布
- PHP 插件部分仅用于配置存储与资源注入,轻量安全
📄 开源 & 许可
本插件采用 MIT 许可证,欢迎自由使用、修改、分发。
如果你喜欢这个小工具,也欢迎在 GitHub 上点个 ⭐。
江苏,苏州,张家港市