Hexo NexT主题内加入动态背景


主题内新添加内容

_layout.swig

找到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

custom.styl

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

1
2
3
4
5
6
7
.bg_content {
position: fixed;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM