Hexo增添上升气泡效果

前言

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

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


操作

找到主题配置文件_config.butterfly.yml,在injectbottom处引入以下文件:

1
2
3
4
inject:
head:
bottom:
- <script defer src="https://gcore.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>

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


结尾

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