博客园背景样式修改

Posted pwj-studycode

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了博客园背景样式修改相关的知识,希望对你有一定的参考价值。

先看整体效果

 

技术图片

 

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

<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

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

 

以上是关于博客园背景样式修改的主要内容,如果未能解决你的问题,请参考以下文章

自定义博客园主题样式

使用highlightjs_markdown编辑器自定义博客园代码高亮

博客园样式修改

博客园设置自定义页面样式

博客园主题样式修改教程

博客园自定义样式