博客园主题设置

核心推荐

BNDong-关于本博客样式
参照这个设置即可, 下文可以不看了

参考

cnblogs-theme-silence

自定义主题特效

添加雪花背景

1. css最后直接添加

#Snow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255,255,240,0.1);
    pointer-events: none;
}

2. 侧边栏代码追加, js文件可以用我这个, 也可以自己下载再上传, 改地址

<div class="Snow"><canvas id="Snow"></canvas></div>
<script src="https://blog-static.cnblogs.com/files/garenge/snow.js">console.log("下雪特效;");</script>

3. 保存, 刷新

连线效果, 小伞

1. 侧边栏代码直接追加

<script src="https://blog-static.cnblogs.com/files/garenge/canvas-nest.js">console.log("连线效果;");</script>

2. 保存刷新

光线效果

1. 侧边栏代码

<script>var bgColor="#FFFFFF00";</script>
<script src="https://blog-static.cnblogs.com/files/garenge/light_line_clearColor.js"></script>

2. js文件可以自己下载再上传
3. 保存刷新