hexo 引用自定义js文件实现鼠标跟随、变色彩带等效果

博主用的是 主题NexT.Pisces 所以每个文件夹目录可以不太一样,但是都是hexo部署的文件名应该是差不多的。

所以引用的js来源

目前博客引用了三个js,感兴趣的朋友可以查看网页源代码看一下具体哪三个,基本上都是在github 上找到的。如下图:

怎么加入到自己的博客

以next 主题为例,只需要短短两步:

  1. 把你想要放到自己项目里的js下载下来,放到博客根目录/themes/next/source/js/src 中,可以不同主题目录不太一样,但是你发现里面有其他.js文件,那么恭喜你,就是这个目录,找对了。

  2. 然后打开主题文件夹 next/layout/_layout.swig 文件,在body里面添加 如下格式的代码(用<>代替《》):

    《script type=”text/javascript” size=”150” alpha=’0.3’ zIndex=”-2” src=”/js/src/ribbon.min.js”></script》

搜索 ribbon.min.js 就能找到 这个开源项目地址。
然后hexo g hexo d 大功告成,enjoy it!

您的支持是对我最大的鼓励!