_layout.swig

Post author: asdfv1929
Post link: <a href="https://asdfv1929.github.io/2018/07/07/next-add-dynamicbg/" title="Hexo NexT主题内加入动态背景">https://asdfv1929.github.io/2018/07/07/next-add-dynamicbg/
Copyright Notice: All articles in this blog are licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/" rel="external nofollow" target="_blank">CC BY-NC-SA 3.0 unless stating additionally.

找到themes\next\layout\_layout.swig文件，添加内容：
在<body>里添加：

1
2
3

<div class="bg_content">
  <canvas id="canvas"></canvas>
</div>

仍是该文件，在末尾添加：

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

dynamic_bg.js

在themes\next\source\js\src中新建文件dynamic_bg.js，代码链接中可见：dynamic_bg.js

在themes\next\source\css\_custom\custom.styl文件末尾添加内容：

.bg_content {
  position: fixed;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}