博客添加粒子特效

博客优化内容

基于 theme-next-canvas-nest 插件为博客的背景提供一个粒子的特效,最后效果如下:

成果预览

next v8.0 已不支持直接下载项目然后通过开启配置的方式部署特效背景。

但github项目中作者推荐的部署方式仍然有效,只需要在 hexo/source/_data 中创建/修改 footer.swig

在其中添加内容

<script color="0,0,255" opacity="0.5" zIndex="-1" count="99" src="https://cdn.jsdelivr.net/npm/canvas-nest.js@1/dist/canvas-nest.js"></script>

hexo g; hexo d 完成部署

版本信息

tool version
hexo 5.4.2
theme: next 8.5.0
theme-next-canvas-nest v1.0.0

参考链接

[1] 动态背景