Hexo-Fluid美化

· 博客美化
FluidHexo美化

路径提示

因Hexo安装主题有两种方式,所以存放自定义资源的位置也不同,但总结为以下两种路径

npm 安装的主题:博客路径\node_modules\hexo-theme-fluid

git clone 安装的主题:博客路径\themes\fluid

本文所有特效需要添加或修改的文件都在以上其中之一路径下,本文演示为npm安装方式

鼠标礼花特效

特效演示

fireworks.js放入以下路径中(自行下载或新建并粘贴保存)

博客路径\node_modules\hexo-theme-fluid\source\js

添加代码至layout.ejs文件

<!--文件路径-->
博客路径\node_modules\hexo-theme-fluid\layout\layout.ejs

<!--添加代码-->
<!--鼠标点击礼花特效-->
<script async src="/js/fireworks.js"></script>

演示图