前言

本文将介绍如何增添上升气泡效果，效果如下图：

教程链接：https://weilining.cf/95.html

操作

找到主题配置文件_config.butterfly.yml，在inject的bottom处引入以下文件:

1
2
3
4
inject:
  head:
  bottom:
    - <script defer src="https://cdn.jsdelivr.net/combine/npm/jquery@latest/dist/jquery.min.js,gh/weilining/jsdelivr/jquery/circlemagic/circlemagic.min.js,gh/weilining/jsdelivr@latest/jquery/circlemagic/butterflycirclemagic.js"></script>

重新部署，启动，就可以看到效果啦。

结尾

还是很好看的一个效果（虽然我没采用，因为画面太乱了）。