博客园背景样式修改

先看整体效果

 

 

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

<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: 元素图层属性,于浮动,定位中使用,修改zindex的值大小,可以避免当所有图层都浮动时,出现想要在上面的层被覆盖的情况时,适时控制所在层的位置,默认-1

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

 

posted @   怕鬼的哪吒  阅读(332)  评论(0编辑  收藏  举报
编辑推荐:
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
阅读排行:
· 开发的设计和重构,为开发效率服务
· 从零开始开发一个 MCP Server!
· Ai满嘴顺口溜,想考研?浪费我几个小时
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· .NET 原生驾驭 AI 新基建实战系列(一):向量数据库的应用与畅想
点击右上角即可分享
微信分享提示