本人博客园样式备份一飘雪、看板娘、屏蔽底层广告、github角标、鼠标点击文字特效、烟花特效、

页面定制CSS-飘雪特效、看板娘、屏蔽底层广告

/* 飘雪特效 */
#Snow{
    position: fixed;
    top: 0;
    left: 0;
     100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255,255,240,0.1);
    pointer-events: none;
}
/* 看板娘 */
canvas#live2dcanvas {
border: 0 !important;
}
/*屏蔽底层广告*/
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display:none; !important
}

公告栏-看板娘

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

 <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
 
<script>
    L2Dwidget.init({
        "model": { // 这里改模型，前面后面都要改
            jsonPath: "https://unpkg.com/live2d-widget-model-shizuku/assets/shizuku.model.json",
            "scale": 1
        },
        "display": { // 设置看板娘的上下左右位置
            "position": "right",
            "width": 130,
            "height": 260,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": { // 设置透明度
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>

页首-github角标

<a href="https://github.com/qq840937370" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>

页脚 鼠标特效

<script>
<!-- 鼠标点击特效 -->
var a_idx = 0;
$("body").click(function(e) {
        var a = new Array("❤去活出你自己。❤","❤今天的好计划胜过明天的完美计划。❤",
                          "❤不要轻言放弃，否则对不起自己。❤","❤紧要关头不放弃，绝望就会变成希望。❤",
                          "❤如果不能改变结果，那就完善过程。❤","❤好好活就是干有意义的事，有意义的事就是好好活！❤",
                          "❤你真正是谁并不重要，重要的是你的所做所为。❤",
                          "❤你不想为你的信仰冒一下险吗?难道想等你老了，再后悔莫及吗?❤",
                          "❤有些鸟儿是关不住的，它的每一根羽毛都闪耀着自由的光辉。❤",
                          "❤决定我们成为什么样人的，不是我们的能力，而是我们的选择。❤",
                          "❤掉在水里你不会淹死，呆在水里你才会淹死，你只有游，不停的往前游。❤",
                          "❤有些路，只能一个人走。❤","❤希望你眼眸有星辰，心中有山海。❤",
                          "❤从此以梦为马，不负韶华。❤","❤人的成就和差异决定于其业余时间。❤",
                          "❤佛不要你皈依，佛要你欢喜。❤","❤ダーリンのこと　大好きだよ❤",
                          "❤小猫在午睡时，地球在转。❤","❤我，混世大魔王，申请做你的小熊软糖。❤",
                          "❤决定好啦，要暗暗努力。❤","❤呐，做人呢最紧要开心。❤",
                          "❤好想邀请你一起去云朵上打呼噜呀。❤","❤永远年轻，永远热泪盈眶。❤",
                          "❤我生来平庸，也生来骄傲。❤","❤我走得很慢，但我从不后退。❤",
                          "❤人间不正经生活手册。❤","❤我是可爱的小姑娘，你是可爱。❤",
                          "❤数学里，有个温柔霸道的词，有且仅有。❤","❤吧唧一口，吃掉难过。❤",
                          "❤你头发乱了哦。❤","❤健康可爱，没有眼袋。❤","❤日月星辰之外，你是第四种难得。❤",
                          "❤你是否成为了了不起的成年人？❤","❤大家都是第一次做人。❤","❤何事喧哗？！❤",
                          "❤人间有味是清欢。❤","❤你笑起来真像好天气。❤","❤风填词半句，雪斟酒一壶。❤",
                          "❤除了自渡，他人爱莫能助。❤","❤昨日种种，皆成今我。❤","❤一梦入混沌 明月撞星辰❤",
                          "❤保持独立 适当拥有❤","❤谢谢你出现 这一生我很喜欢❤","❤做自己就好了 我会喜欢你的❤",
                          "❤太严肃的话，是没办法在人间寻欢作乐的❤","❤愿你余生可随遇而安，步步慢。❤",
                          "❤黄瓜在于拍，人生在于嗨❤","❤奇变偶不变，符号看象限。❤","❤从来如此，便对么？❤",
                          "❤今天我这儿的太阳，正好适合晒钙 你呢❤","❤未来可期，万事胜意。❤",
                          "❤星光不问赶路人 时光不负有心人❤","❤我当然不会试图摘月，我要月亮奔我而来❤",
                          "❤女生要修炼成的五样东西： 扬在脸上的自信，长在心底的善良， 融进血里的骨气，刻进命里的坚强，深到骨子里的教养❤",
                          "❤燕去燕归，沧海桑田。纵此生不见，平安惟愿❤","❤我想认识你 趁风不注意❤","❤我一直想从你的窗子里看月亮❤",
                          "❤长大应该是变温柔，对全世界都温柔。❤","❤别在深夜做任何决定❤","❤山中何事，松花酿酒，春水煎茶。❤",
                          "❤桃李春风一杯酒，江湖夜雨十年灯。❤","❤欲买桂花同载酒，终不似，少年游。❤");
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
</script>
<script type="text/javascript" language="javascript">
　　//Setting ico for cnblogs
　　var linkObject = document.createElement('link');
　　linkObject.rel = "shortcut icon";
　　linkObject.href = "https://blog-static.cnblogs.com/files/zhangshuhao1116/favicon.ico";
　　document.getElementsByTagName("head")[0].appendChild(linkObject);
</script>

<!--鼠标点击特效-->
<!--烟花特效-->
<!--<script src="https://blog-static.cnblogs.com/files/zengcongcong/click2.js"></script>-->
<script src="https://blog-static.cnblogs.com/files/zengcongcong/click.js"></script>
<div id="jsi-flying-fish-container" class="container"></div>
  <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script>
  <style>
  @media only screen and (max- 767px){
  #sidebar_search_box input[type=text]{calc(100% - 24px)}
  }
  </style>
<div id="jsi-flying-fish-container" class="container"></div>
  <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script>
  <style>
  @media only screen and (max- 767px){
  #sidebar_search_box input[type=text]{calc(100% - 24px)}
  }
  </style>
  <script src="//static.tctip.com/tctip-1.0.3.min.js"></script>
<script>
new tctip({
    top: '20%',
    button: {
      id: 5,
      type: 'dashang',
    },
    list: [
      {
        type: 'alipay',
        qrImg: 'https://files-cdn.cnblogs.com/files/qq2806933146xiaobai/%E6%94%AF%E4%BB%98%E5%AE%9D%E6%94%B6%E6%AC%BE.bmp'
      }, {
        type: 'wechat',
        qrImg: 'https://files-cdn.cnblogs.com/files/qq2806933146xiaobai/%E5%BE%AE%E4%BF%A1%E6%94%B6%E6%AC%BE.bmp'
      }
    ]
  }).init();
</script>