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


页面定制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;
}
/* 看板娘 */
canvas#live2dcanvas {
border: 0 !important;
}
/*屏蔽底层广告*/
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display:none; !important
}

公告栏-看板娘

 1  
class="Snow"> 2 "Snow"> 3
4 <script src="https://files.cnblogs.com/files/cn-suqingnian/snow.js"></script> 5 6 <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script> 7 8 <script> 9 L2Dwidget.init({ 10 "model": { // 这里改模型,前面后面都要改 11 jsonPath: "https://unpkg.com/live2d-widget-model-shizuku/assets/shizuku.model.json", 12 "scale": 1 13 }, 14 "display": { // 设置看板娘的上下左右位置 15 "position": "right", 16 "width": 130, 17 "height": 260, 18 "hOffset": 0, 19 "vOffset": -20 20 }, 21 "mobile": { 22 "show": true, 23 "scale": 0.5 24 }, 25 "react": { // 设置透明度 26 "opacityDefault": 0.7, 27 "opacityOnHover": 0.2 28 } 29 }); 30 </script>

页首-github角标

"https://github.com/qq840937370" class="github-corner" aria-label="View source on GitHub">"80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z">"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">"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">

页脚 鼠标特效

  1 <script>
  2 
  3 var a_idx = 0;
  4 $("body").click(function(e) {
  5         var a = new Array("?去活出你自己。?","?今天的好计划胜过明天的完美计划。?",
  6                           "?不要轻言放弃,否则对不起自己。?","?紧要关头不放弃,绝望就会变成希望。?",
  7                           "?如果不能改变结果,那就完善过程。?","?好好活就是干有意义的事,有意义的事就是好好活!?",
  8                           "?你真正是谁并不重要,重要的是你的所做所为。?",
  9                           "?你不想为你的信仰冒一下险吗?难道想等你老了,再后悔莫及吗??",
 10                           "?有些鸟儿是关不住的,它的每一根羽毛都闪耀着自由的光辉。?",
 11                           "?决定我们成为什么样人的,不是我们的能力,而是我们的选择。?",
 12                           "?掉在水里你不会淹死,呆在水里你才会淹死,你只有游,不停的往前游。?",
 13                           "?有些路,只能一个人走。?","?希望你眼眸有星辰,心中有山海。?",
 14                           "?从此以梦为马,不负韶华。?","?人的成就和差异决定于其业余时间。?",
 15                           "?佛不要你皈依,佛要你欢喜。?","?ダーリンのこと 大好きだよ?",
 16                           "?小猫在午睡时,地球在转。?","?我,混世大魔王,申请做你的小熊软糖。?",
 17                           "?决定好啦,要暗暗努力。?","?呐,做人呢最紧要开心。?",
 18                           "?好想邀请你一起去云朵上打呼噜呀。?","?永远年轻,永远热泪盈眶。?",
 19                           "?我生来平庸,也生来骄傲。?","?我走得很慢,但我从不后退。?",
 20                           "?人间不正经生活手册。?","?我是可爱的小姑娘,你是可爱。?",
 21                           "?数学里,有个温柔霸道的词,有且仅有。?","?吧唧一口,吃掉难过。?",
 22                           "?你头发乱了哦。?","?健康可爱,没有眼袋。?","?日月星辰之外,你是第四种难得。?",
 23                           "?你是否成为了了不起的成年人??","?大家都是第一次做人。?","?何事喧哗?!?",
 24                           "?人间有味是清欢。?","?你笑起来真像好天气。?","?风填词半句,雪斟酒一壶。?",
 25                           "?除了自渡,他人爱莫能助。?","?昨日种种,皆成今我。?","?一梦入混沌 明月撞星辰?",
 26                           "?保持独立 适当拥有?","?谢谢你出现 这一生我很喜欢?","?做自己就好了 我会喜欢你的?",
 27                           "?太严肃的话,是没办法在人间寻欢作乐的?","?愿你余生可随遇而安,步步慢。?",
 28                           "?黄瓜在于拍,人生在于嗨?","?奇变偶不变,符号看象限。?","?从来如此,便对么??",
 29                           "?今天我这儿的太阳,正好适合晒钙 你呢?","?未来可期,万事胜意。?",
 30                           "?星光不问赶路人 时光不负有心人?","?我当然不会试图摘月,我要月亮奔我而来?",
 31                           "?女生要修炼成的五样东西: 扬在脸上的自信,长在心底的善良, 融进血里的骨气,刻进命里的坚强,深到骨子里的教养?",
 32                           "?燕去燕归,沧海桑田。纵此生不见,平安惟愿?","?我想认识你 趁风不注意?","?我一直想从你的窗子里看月亮?",
 33                           "?长大应该是变温柔,对全世界都温柔。?","?别在深夜做任何决定?","?山中何事,松花酿酒,春水煎茶。?",
 34                           "?桃李春风一杯酒,江湖夜雨十年灯。?","?欲买桂花同载酒,终不似,少年游。?");
 35         var $i = $("").text(a[a_idx]);
 36         a_idx = (a_idx + 1) % a.length;
 37         var x = e.pageX,
 38         y = e.pageY;
 39         $i.css({
 40             "z-index": 999999999999999,
 41             "top": y - 20,
 42             "left": x,
 43             "position": "absolute",
 44             "font-weight": "bold",
 45             "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
 46         });
 47         $("body").append($i);
 48         $i.animate({
 49             "top": y - 180,
 50             "opacity": 0
 51         },
 52         1500,
 53         function() {
 54             $i.remove();
 55         });
 56     });
 57 </script>
 58 <script type="text/javascript" language="javascript">
 59   //Setting ico for cnblogs
 60   var linkObject = document.createElement('link');
 61   linkObject.rel = "shortcut icon";
 62   linkObject.href = "https://blog-static.cnblogs.com/files/zhangshuhao1116/favicon.ico";
 63   document.getElementsByTagName("head")[0].appendChild(linkObject);
 64 </script>
 65 
 66 
 67 
 68 
 69 <script src="https://blog-static.cnblogs.com/files/zengcongcong/click.js"></script>
 70 
"jsi-flying-fish-container" class="container">
71 <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script> 72 77
"jsi-flying-fish-container" class="container">
78 <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script> 79 84 <script src="//static.tctip.com/tctip-1.0.3.min.js"></script> 85 <script> 86 new tctip({ 87 top: '20%', 88 button: { 89 id: 5, 90 type: 'dashang', 91 }, 92 list: [ 93 { 94 type: 'alipay', 95 qrImg: 'https://files-cdn.cnblogs.com/files/qq2806933146xiaobai/%E6%94%AF%E4%BB%98%E5%AE%9D%E6%94%B6%E6%AC%BE.bmp' 96 }, { 97 type: 'wechat', 98 qrImg: 'https://files-cdn.cnblogs.com/files/qq2806933146xiaobai/%E5%BE%AE%E4%BF%A1%E6%94%B6%E6%AC%BE.bmp' 99 } 100 ] 101 }).init(); 102 </script>