博客园添加动态背景效果

博客园添加动态背景效果

目录

• 1 申请 JS权限
• 2 审核通过后
• 3 上传canvas-nest.js文件到自己的博客园后台并获取这个文件的链接
• 4 在博客园-->设置-->页首Html代码下，插入以下标签
• 5 见证奇迹
• 参考

1 申请 JS权限

在“设置”里提交申请

40分钟后查看“未通过”，尴尬

决定百度一哈，取点经

复制网友的这样写：

尊敬的博客园管理员，

请问是否可以帮我开通js权限，我需要一些简单的js来解决例如代码高亮等外观调整。
 
谢谢您的帮助。

静候佳音

等到的依然是未通过：

抬走，换下一个网友：

尊敬的博客园管理员：

请问是否可以帮我开通js权限，我想对文章的样式和布局需要js代码进行调整外观。

谢谢您的帮助。

OK啦：

2 审核通过后

下载这个文件canvas-nest.js

下载地址：canvas-nest.js/dist at 75666f1d0793360b9415119556d081ee3ce8e576 · hustcc/canvas-nest.js
https://github.com/hustcc/canvas-nest.js/tree/75666f1d0793360b9415119556d081ee3ce8e576/dist

3 上传canvas-nest.js文件到自己的博客园后台并获取这个文件的链接

获取这个文件的链接（右键download，复制链接）：

4 在博客园-->设置-->页首Html代码下，插入以下标签

<!-- 背景动画 -->
<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="https://files.cnblogs.com/files/yzl0/canvas-nest.js"></script>

• color: 线条颜色，默认：‘0，0，0’；三个数字分别为(R,G,B),注意使用，分割
• opacity: 线条透明度0~1,默认0.5
• count: 线条总数量，默认150
• zIndex: 背景的z-Index属性，css用于控制所在层的位置，默认-1

5 见证奇迹

漂亮！

参考

博客园添加动态背景效果 - Rogn - 博客园
https://www.cnblogs.com/lfri/p/10010907.html