Hexo增添上升气泡效果

2022-02-16 16:51:19 浏览数 (1)

前言

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

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

操作

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

代码语言:javascript复制
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 人点赞