Bet Blog

就当是一场梦 醒了很久还是很感动

0%

hexo雪花特效的js代码

首先创建一个叫snow.js的文件

/themes/next/source/js/src下新建文件snow.js

没有src文档的话就新建一个。

将js代码复制到snow.js

snow的js代码全部复制下来代码很长所以没有放在文章中

修改_layout.swig

\themes\next\layout_layout.swig的末尾添加:

1
2
3
4
5
6
<!--下雪-->
<script type="text/javascript" src="/js/src/snowy.js"></script>
<style type="text/css">
.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}
</style>
<div class="snow-container"></div>

最后一步,部署完成后打开你的网站点击一下就能看到效果了

1
hexo cl && hexo g -d

操作过程中遇到不能解决的问题请删除上述所添加的指令即可
或在下方留言联系

-------------本文结束感谢您的阅读-------------
欣赏本文!?打赏一元支持我吧。