51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Hexo增加上升气泡效果

前言 {#前言}

本文将介绍如何增添上升气泡效果。

操作 {#操作}

找到主题配置文件_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> |

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

结语
很好看的一个效果,请参考本页面的实际效果。


赞(0)
未经允许不得转载:工具盒子 » Hexo增加上升气泡效果