FourSeasons 四季粒子特效插件发布!

你是否希望自己的博客不只是文字的容器,而是一个会“呼吸”的空间?
春天有樱花悄然飘落,夏日有细雨轻拂屏幕,秋天看枫叶旋转而下,冬日伴雪花静静纷飞……

今天,我很高兴向大家介绍的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 上点个 ⭐。

愿你的博客,随四季流转,始终温柔如初。

评论区
头像
    头像
    森木志
      

    感谢开源,已用上了

      头像
      Lin.
        
      @森木志

      大佬好

    头像
    林羽凡
      

    哎呀,好东西呀,我前段时间还在想怎么给博客弄个背景,没啥好主意,就直接加了泡泡,和旧博客的一样。

      头像
      Lin.
        
      @林羽凡

      你先试试看