💡 前言:为什么要做这个插件?
Halo 作为一个现代化、易于使用的博客系统,拥有众多精美的静态主题。但有时候,我们总希望自己的个人空间能多一点“生命力”和“极客感”。
你可能在很多技术博客上见过那种随鼠标移动、或者在背景中缓缓漂浮的粒子连线效果。为了让 Halo 用户也能一键拥有这种酷炫的视觉体验,且无需手动修改主题代码,我开发了这款 Halo-Floating Particles 插件。
这篇文章主要是做一个开发小结。插件介绍在应用:Floating Particles - Halo - 强大易用的开源建站工具
距离这款插件上架Halo商城也有4天了,我看还是有不错的下载量,这也确实给我了莫大的成就感୧(๑•̀⌄•́๑)૭。我也是抽出时间来写一下开发心路历程吧,做个收尾总结。

其实当初也是头脑一热,因为在代码这一方面我是一窍不通的小白,所以我想试试能不能用AI来开发一款属于自己的Halo插件,我当时的想法就是想给自己的主题做一个可以在后端自己注入前台粒子效果的插件,给用户实现更多前端网页的个性化美化功能。对于像我这样的小白来说,halo给了像我这样的小白更方便的搭建博客的一种方式,插件功能也给博客提供了各种各样的功能,使用起来非常方便。还有就是我看到有许多博主一直都在为爱发电,不断打磨优化自己开发的主题和插件,我觉得非常厉害,于是我就萌生了想要开发一款属于自己的halo小插件的想法,我开始在vs code中尝试借助Codex来进行开发,因为代码还有开发知识我啥也不会,唯一会的就是拷打AI了╮(╯▽╰)╭ ,从插件1.0.1版本到现在的1.0.9版本,前后花费两天时间,花费1.5亿左右的Token,我跟gpt-5.5对话简直就像是左图(ಥ_ಥ)
不过好在gpt-5.5还是出色的完成的完成了任务,因为Halo插件好像还要安装啥环境还是什么,所以刚开始就卡在了安装环境这里,我一度想要放弃,当天晚上洗了个澡之后想了一下还是打算再重新开始。后面也是顺利在gpt的指引下开始步入正轨,开始了开发之路。





以上是截取了插件开发过程中一些与gpt对话截图
后来又受到Serenity-Grace主题里鼠标样式的启发,想着把鼠标光标自定义也给一起做了,我还内置了13款我个人觉得还挺好看的光标模板,哈哈。结果后面也遇到了些bug,跟着gpt来一步一步排查bug,就跟探案一样,虽然过程令人抓狂(修了好久都没修好(ಥ_ಥ)),但修好的时候成就感满满٩(ˊᗜˋ*)و,因为看不懂代码,我只能通过对插件进行测试来判断bug是否修复,可能也增加了许多与gpt无关的对话,这可能也是我Token消耗高的一个原因吧

插件使用非常简单,我就在这里不多赘述了
🚀 未来计划 & 欢迎参与
如果你在使用过程中遇到了问题,或者有更好的点子,非常欢迎来我的博客留言板留言ヾ(≧∇≦*)ゝ,https://wangxinyang.top/(有空的情况下,我会继续优化或者增加更多预设效果OωO)
👉 [项目 GitHub 仓库地址] 如果这个插件让你的博客变好看了,别忘了来点个 ⭐️ 哦!(☆ω☆)
为你的 Halo 博客增添灵动:Floating Particles 插件开发历程
本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
评论交流
欢迎留下你的想法