hexo用jQuery实现背景图随机导入

不得不说jq确实好用一些，JavaScript我都不知道为啥控制不了body的background-image的css，真的很无语，换成jq就行了

源代码

首先放上代码

JavaScript部分

var pic=[
  "https://i.loli.net/2019/02/23/5c702b57c3bbb.png",
  "https://i.loli.net/2019/02/23/5c702b5831271.jpg",
  "https://i.loli.net/2019/02/23/5c702b584bf33.png",
  "https://i.loli.net/2019/02/23/5c702b588ebcb.png",
  "https://i.loli.net/2019/02/23/5c702f87a58b5.jpg"
];
var i=Math.random();
if(i<=0.2)
i=0;
else if(i<=0.4)
i=1;
else if(i<=0.6)
i=2;
else if(i<=0.8)
i=3;
else
i=4;
$('body').css('background-image','url('+pic[i]+')');

CSS部分

body
{
  /*background-image: url(https://i.loli.net/2019/02/23/5c70b157320e8.jpg);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

如何使用？

首先在themes/source/js/src中创建一个bg.js(当然名字你随意)，然后把我JavaScript的代码复制进去，具体的那些图片你可以在pic数组中进行修改但是如果你数量变更的话，最好把随机数的那个选取也改一下
然后在themes/layout/_ layout.swig的前添加

<script type="text/javascript" src="/js/src/bg.js"></script>

这样我们算是完成了JavaScript部分的配置
然后我们在themes/source/css/_ custom/custom.styl中开头加入CSS部分的语句即可
最后hexo clean&&hexo g –d