博客园背景样式修改

Posted 2020-11-13 pwj-studycode

先看整体效果

 

 

要实现这个背景效果的代码

<script src="https://files.cnblogs.com/files/siwuxie095/canvas-nest.min.js"></script>    
<canvasid="c_n9"width="1920"height="990"style="position: fixed; top: 0px; left: 0px; z-index: -1; count="150";opacity: 0.5; color="0,0,255""></canvas>

博客园默认是无法修改js代码的，需要去申请js权限（躺坑建议：注意申请的语气要诚恳，并且博客园已经写有几篇博客）

申请位置：博客园管理===>设置====>申请js权限

修改代码位置：博客园管理===>设置===>页首html代码下插入标签，保存即可

参数介绍：

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

后续样式持续更新。。。。。。。。。