博客园初始化

2021/8/8 23:37:37

本文主要是介绍博客园初始化,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1.新建主题 

借鉴这位大佬的主题https://www.cnblogs.com/gshang/p/biliTheme.html

 

2.

(1)樱花飘落效果

在博客侧边栏公告(首先支持 JS 代码)加入下面1行代码便可以拥有同博主的樱花特效.

<script src="https://files.cnblogs.com/files/quaint/sakuraPlus.js"></script>

 (2)动态雪花效果

在页面定制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;}

在侧边公告栏加入

<div class="Snow">
    <canvas id="Snow"></canvas>
</div>
<script src="https://files.cnblogs.com/files/cn-suqingnian/snow.js"></script>

  

 


这篇关于博客园初始化的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程