博客园的使用

登录博客园
点击右上角头像点击账号设置，在左边点击博客设置
申请开通js权限下面分享我偷来的主题。~~是网上的，复制来有Bug我也懒得修了嘻嘻~~

博客侧边栏代码

 <script type="text/javascript">
/*标签云的动态效果*/
function gotoTop(){
            setTimeout(function(){
                    
                    document.documentElement.scrollTop = (document.documentElement.scrollTop*0.1);
                    document.body.scrollTop = (document.body.scrollTop - document.body.scrollTop*0.1);
                    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
 
                if(scrollTop > 0){
                    gotoTop();
                }
            },10);
        }
 
 
 
var Ftimer = setInterval (Ftoggle,1000),
      contral = [false,false];
 
function Ftoggle(){
    var tagObjbox = document.getElementsByClassName('catListTag')[0],
              tagObj = tagObjbox.getElementsByTagName('li'),
              navList = document.getElementById('navList');
 
    if(tagObjbox && tagObj){
       contral[1]=true;
        SlideTag(tagObj);
    }
    if(navList){
       contral[2]=true;
       AddLi(navList);
    }
 
    if(contral[1] & contral[2]){
       clearInterval(Ftimer);
    }
}
 
function AddLi(e){
    var li = document.createElement('li'),
        a = document.createElement('a');
 
    a.innerHTML = '(‾◡◝)';
    a.className = 'menu';
    a.href = 'https://www.cnblogs.com/cainiao-chuanqi/tag/';
    li.appendChild(a);
    e.appendChild(li);
 
 
}
 
function SlideTag(tagObj){
 
            offset = true;
 
        PreSeting(); 
    
    for(var i=0;i<tagObj.length;i++){
        (function(i){
            tagObj[i].onmouseover = function(){
            offset = false;
            index = parseInt(this.style.zIndex);
            this.style.zIndex = 9999;
            }
            tagObj[i].onmouseout = function(){
            offset = true;
            this.style.zIndex = index;
            }
        })(i);
    }
        
    setInterval(PreSeting,5000)
 
    function F_getSJS(x,y,z){       
        
        var int = null;
 
        if(!z) { z = 6}
 
        while(int >= x || int <= y || int === null){
            int = Math.random();
            int = (int.toFixed(z) * x).toFixed(0);
        }
        return int;            
    }
 
    function PreSeting(){
             if(offset){
        for(var i=0;i<tagObj.length;i++){
            tagObj[i].style.left = F_getSJS(100,30,10)  + 'px';
            tagObj[i].style.top = F_getSJS(200,30,10) + 'px';
            tagObj[i].style.backgroundColor = 'rgb(' + F_getSJS(256,-1,5) + ',' + F_getSJS(256,-1,10) + ',' + F_getSJS(256,-1,15) + ')';
            tagObj[i].style.zIndex = F_getSJS(200,0,16);
        }
}
 
    }
 
 
}
 
onload = function(){
 
if(location.href == 'https://www.cnblogs.com/cainiao-chuanqi/' || location.href == 'https://www.cnblogs.com/cainiao-chuanqi/'){setTimeout(goto,3000);}
 
function goto(){
         document.getElementById('headbox').style.display = 'block';    
         document.documentElement.scrollTop = document.documentElement.scrollTop + 200;
         document.body.scrollTop = document.body.scrollTop + 200;
}
}
 
</script>
 
<script type="text/javascript">
/*设置目录(侧边HTML代码)*/
      //以下是锚点JS
      var a = $(document);
      a.ready(function() {
        var b = $('body'),
          d = 'sideToolbar',
          e = 'sideCatalog',
          f = 'sideCatalog-catalog',
          g = 'sideCatalogBtn',
          h = 'sideToolbar-up',
          i = '<div id="sideToolbar"style="display:none;">\<div class="sideCatalogBg"id="sideCatalog">\<div id="sideCatalog-sidebar">\<div class="sideCatalog-sidebar-top"></div>\<div class="sideCatalog-sidebar-bottom"></div>\</div>\<div id="sideCatalog-catalog">\<ul class="nav"style="width:225px;zoom: 1">\</ul>\</div>\</div>\<a href="javascript:void(0);"id="sideCatalogBtn"class="sideCatalogBtnDisable"></a>\</div>',
          j = '',
          k = 200,
          l = 0,
          m = 0,
          n = 0,
          //限制存在个数，如数量过多，则只显示h2，不显示h3
          //o, p = 13,
          o, p = 100,
          q = true,
          r = true,
          s = b;
        if(s.length === 0) {
          return
        };
        b.append(i);
        //指定获取目录的范围-------------这一点非常重要，因为每个人指定的范围都不一样，所以这是要修改的地方
        //o = s.find(':header');
        o = $('#cnblogs_post_body').find(':header')
        if(o.length > p) {
          r = false;
          var t = s.find('h2');
          var u = s.find('h3');
          if(t.length + u.length > p) {
            q = false
          }
        };
        o.each(function(t) {
          var u = $(this),
            v = u[0];
 
          var title = u.text();
          var text = u.text();
 
          u.attr('id', 'autoid-' + l + '-' + m + '-' + n)
          //if (!u.attr('id')) {
          //    u.attr('id', 'autoid-' + l + '-' + m + '-' + n)
          //};
          if(v.localName === 'h2') {
            l++;
            m = 0;
            if(text.length > 14) text = text.substr(0, 20) + "...";
            j += '<li><span>' + l + '&nbsp&nbsp</span><a href="#' + u.attr('id') + '" title="' + title + '">' + text + '</a><span class="sideCatalog-dot"></span></li>';
          } else if(v.localName === 'h3') {
            m++;
            n = 0;
            if(q) {
              if(text.length > 12) text = text.substr(0, 16) + "...";
              j += '<li class="h2Offset"><span>' + l + '.' + m + '&nbsp&nbsp</span><a href="#' + u.attr('id') + '" title="' + title + '">' + text + '</a></li>';
            }
          } else if(v.localName === 'h4') {
            n++;
            if(r) {
              j += '<li class="h3Offset"><span>' + l + '.' + m + '.' + n + '&nbsp&nbsp</span><a href="#' + u.attr('id') + '" title="' + title + '">' + u.text() + '</a></li>';
            }
          }
        });
        $('#' + f + '>ul').html(j);
        b.data('spy', 'scroll');
        b.data('target', '.sideCatalogBg');
        $('body').scrollspy({
          target: '.sideCatalogBg'
        });
        $sideCatelog = $('#' + e);
        $('#' + g).on('click', function() {
          if($(this).hasClass('sideCatalogBtnDisable')) {
            $sideCatelog.css('visibility', 'hidden')
          } else {
            $sideCatelog.css('visibility', 'visible')
          };
          $(this).toggleClass('sideCatalogBtnDisable')
        });
        $('#' + h).on('click', function() {
          $("html,body").animate({
            scrollTop: 0
          }, 500)
        });
        $sideToolbar = $('#' + d);
 
        //通过判断评论框是否存在显示索引目录
        var commentDiv = $("#blog-comments-placeholder");
 
        a.on('scroll', function() {
          //评论框存在才调用方法
          if(commentDiv.length > 0) {
            var t = a.scrollTop();
            if(t > k) {
              $sideToolbar.css('display', 'block');
              $('#gotop').show()
            } else {
              $sideToolbar.css('display', 'none')
              $('#gotop').hide()
            }
          }
        })
      });
      //以上是锚点JS
      //以下是返回顶部JS
      $(function() {
        $('body').append('<div id="gotop" onclick="goTop();"></div>');
      });
 
      function goTop(u, t, r) {
        var scrollActivate = !0;
        if(scrollActivate) {
          u = u || 0.1;
          t = t || 16;
          var s = 0,
            q = 0,
            o = 0,
            p = 0,
            n = 0,
            j = 0;
          document.documentElement && (s = document.documentElement.scrollLeft || 0, q = document.documentElement.scrollTop || 0);
          document.body && (o = document.body.scrollLeft || 0, p = document.body.scrollTop || 0);
          n = window.scrollX || 0;
          j = window.scrollY || 0;
          s = Math.max(s, Math.max(o, n));
          q = Math.max(q, Math.max(p, j));
          p = 1 + u;
          window.scrollTo(Math.floor(s / p), Math.floor(q / p));
          0 < s || 0 < q ? window.setTimeout('goTop(' + u + ', ' + t + ')', t) : 'undefined' != typeof r && r()
        } else {
          scrollActivate = !0
        }
      }
      //以上是返回顶部JS
    </script>
 
 
<div id="newsSideBar">
    <div class="headImage">
        <img  src="https://images.cnblogs.com/cnblogs_com/blogs/830450/galleries/2440176/o_250107165056_Shandi.jpg" alt="头像">
    </div>
</div>

页面定制CSS代码

 /*星光*/
.wall{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#midground{
    background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115413foreground.png");
    z-index: -1;
    -webkit-animation: cc 530s linear infinite;
    -moz-animation: cc 530s linear infinite;
    -o-animation: cc 530s linear infinite;
    animation: cc 530s linear infinite;
}
/*div#foreground{
    background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115413foreground.png");
    z-index: -2;
    -webkit-animation: cc 253s linear infinite;
    -o-animation: cc 253s linear infinite;
    -moz-animation: cc 253s linear infinite;
    animation: cc 253s linear infinite;
}*/
div#top{
    background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115313midground.png");
    z-index: -4;
    -webkit-animation: da 770s linear infinite;
    -o-animation: da 770s linear infinite;
    animation: da 770s linear infinite;
}
@-webkit-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 0 600%;
    }
}
@-o-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 0 600%;
    }
}
@-moz-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 0 600%;
    }
}
@keyframes cc {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
 
@keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-webkit-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-moz-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-ms-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
 
 
/*标签云－－标签部分*/
#sidebar_toptags > div > ul > li > a {
    font-size: 12px;
    line-height: 10px;
    color: #fff;
}
 
#sidebar_toptags > div > ul > li {
    position: absolute;
    padding: 0 10px;
    border-radius: 7%;
    background:#FF4500;
    font-size: 14px;
    line-height: 30px;
    transition: all .7s;
    font-size: 9px;
    color:#FAFAD2;
    box-shadow: 0 1.5px 3px -1px rgba(255,215,0,0.73)!important;
 
}
 
 
#sidebar_toptags > div > ul {
    position: relative !important;
    clear: both;
    display: block;
    padding: 10px;
    padding-left: 0px;
    width: 270px;
    height: 230px;
    /* background: #ffffee; */
}
 
 
/*侧边栏的展开与收回*/
#fry_append {
    right: 9.37%;
    width: 46px;
    top: 6.3%;
    opacity: 0.3377; 
    position: fixed;
    z-index: 98;
    background-color:#F5F5F5;
    font-size: 12px;
    margin: 7px 0 0;
    padding: 3px;
    border: 1px solid  #FFD700;
    border-radius: 5px;
    float: right;
    box-shadow: 0 1px 1.5px -1px rgba(255,215,0, 0.73)!important;
 /*  box-shadow: 0px 0px 15px 5px #FF3300 inset;
   background: url(https://www.cnblogs.com/images/cnblogs_com/cainiao-chuanqi/1532380/t_%e5%9b%bd%e6%97%97.jpg) no-repeat; 
*/
}
#fry_append div:first-of-type {
    margin-top: 5px;
}
 
#fry_append div {
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    color:#000;
 
}
 
 
/*编辑 收藏*/
#topics .postDesc a {
    background-color: #51C332;
    border-radius: 3px;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 2px #8B0000;
    padding: 7px 18px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 10px 3px;
 
 /*   box-shadow: black 0px 2px 8px;
    margin-left: 10px;
    width: 35px;
    padding: 3px 8px!important;
    background-color: #3cb034!important;
*/
    box-shadow: 0 3px 5px -1px rgba(60,176,52,0.65)!important;
 
}
 
 
 
 
/*背景*/
body {
    color:#000;
    background: #708090;
    background: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/o_200609013616blue.jpg) fixed;
    background-size:cover;
    background-repeat: no-repeat;
    font-family: Tahoma,"Microsoft YaHei",Helvetica,Verdana,sans-serif;
    font-size: 14px;
    min-height: 101%;
    margin: 0; 
    padding: 0; 
    height:100%;
}
 
.postBody{
    font-size: 14px;
}
.cnblogs_code pre{
    font-size: 14px;
}
 
#home {
    opacity: 0.93; 
    margin: 0px auto;
    width: 77.33%;
    min-width: 950px;
    background-color: #fff;
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
 
 
 
 
/*文字触发效果*/
a:hover {
/*border-bottom: 1px solid;*/
 color: #DC143C;
text-shadow: -0.73px 0 0 #FFD700, 0 0.73px 0 #FFD700, 0.73px 0 0 #FFD700, 0 -0.73px 0 #FFD700;
-webkit-transition: 0.3s;
}
 
/*博客导航栏 */
#navList {
    float:left;
}
 
#navList li {
    border: none;
    font-size: 16px;
}
 
#navList a:hover{
  color:#FF0000;
  text-decoration: none;
}
 
 
/*目录样式*/
#sideCatalog a{
  font-size:12px;
  font-weight:normal !important;
}
 
#sideCatalog li {
  background-color: #F0FFF0;
}
 
#sideCatalog a:hover{
  color:#8B0000;
}
 
div#sideToolbar {
    opacity: 0.93; 
}
 
div#gotop {
    opacity: 0.73; 
}
 
 
/* 文章title自定义带动画样式 */
#topics .postTitle{
  margin-top: 3px;
  font-size: 17px;
}
 
.postTitle {
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  clear: both;
  background-color: #FBF9F9;
  margin-bottom:8px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 7px;
  border-left: 3px solid #21759b;
  padding-left:3px;
  font-size: 17px;
  border-radius:0px;
}
.postTitle a:hover {
  text-decoration: none;
  margin-left: 17px;
  color:#FF0000;
}
.postTitle a:link,
.postTitle a:visited,
.postTitle a:active {
  transition: all 0.4s linear 0s;
}
 
 
//加载进度条
#loadingProcess{
  position: absolute;
  position: fixed;
  top:0;
  left: 0;
  height: 3px;
  box-sizing: border-box;
  width: 0%;
  background-color: @AccentColor;
  background-image: linear-gradient(to right,transparent 0%,transparent 80%,#fff 100% );
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
// 回复中代码片段会遮挡精灵球
.syntaxhighlighter{
  z-index: -1
}
/*
 * 动画声明
 */
/*    点赞样式Begin   */
@keyframes jumping {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-400px);
  }
  100% {
    transform: translateY(0px);
  }
}
#div_digg {
  bottom: 0px;
  bottom: 50px;
  margin: 0px;
  position: fixed;
  opacity:0.66;
  right: 0.5rem;
  right: 16px;
  animation: jumping 337s ease-in-out;
  animation-iteration-count: infinite;
}
 
.buryit {
  display: none;
}
 
.diggit { 
  background: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1963449/o_210419030030o_ball2.png) no-repeat;
  border-radius: 50%;
  box-shadow: 0px 0px 15px 5px #FFFFCC inset;
  cursor: pointer;
  height: 100px;
  margin: 0px;
  padding: 0px;
  width: 100px;
  text-align: center;
 
}
#div_digg .diggnum {
  color:#FFFF00;
  opacity:0.73;
  font-family: Verdana;
  font-size: 37px;
 
  line-height: 2em!important;
}
#digg_tips{
  color: #fa5 !important;
  width: 200px;
  text-align: center;
  margin-left: -50px;
  margin-top: 20px;
}
 
a.digg_gray{
  font-size: 18px;
}
#xiaociguai{
  opacity:0.66;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 155px;
  cursor: pointer;
  z-index:9999 ;
}
 
#xiaociguai:hover,#xiaociguai.enable-electric{
  -webkit-filter: saturate(7);
  filter: saturate(7);
}
 
/*    点赞样式End   */
 
 
 
/*侧边栏公告*/
#blog-news > img {
    /*头像*/
    display: block;
    margin: auto;
    border-radius: 50%;
}
 
#profile_block {
    font-size: 15px;
    padding: 20px;
    line-height: 1.8;
}
 
#profile_block > a:link {
    color: #F60;
}
/*公告结束*/
 
 
/* 个性签名 */
#MySignature {
    box-shadow: 8px 1px 10px #989898;
    padding: 10px;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 15px;
    border-left: solid 5px #55895B;
    background: #FBF9F9;
    border-radius: 10px 10px 37% 10px;
    line-height: 2.4;
    margin: 37px 0;
}
 
#MySignature a {
    text-decoration: none;
    color: #4183c4;
    font-weight: bold;
}
 
#MySignature a:hover {
    text-decoration: underline;
    color: #f60;
}
 
#MySignature span {
    color: #f60;
}
 
/*标题h2的自定义格式*/
#cnblogs_post_body h2  {
    border: 1px solid #55895B;
    border-left-width: 5px;
    border-radius: 10px;
    border-right-width: 5px;
    background-color: #FBF9F9;
    background-position: left center;
    padding: 3px 5px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}
 
/*标题h3的自定义格式*/
#cnblogs_post_body h3  {
    border: 1px solid #696969;
    border-left-width: 3px;
    border-radius: 7px;
    border-right-width: 5px;
    background-color: #F5F5F5;
    background-position: left center;
    padding: 2px 3px;
    width: 37%;
    display: inline-block;
    box-sizing: border-box;
}
 
 
 
/* 关注收藏等几个按钮 */
#green_channel {
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: rgb(238, 238, 238);
    font-size: 12px;
    width: 100%!important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
 
a#green_channel_digg, a#green_channel_follow, a#green_channel_favorite, a#green_channel_weibo, a#green_channel_wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 80px;
    display: inline-block;
    line-height: 30px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    position: relative;
    margin-left: 10px;
    background-image: none;
    margin-top: 10px;
}
a#green_channel_digg {
    background-color: #2daebf;
    box-shadow: 0 15px 18px -6px rgba(95,193,206,0.65);
}
 
a#green_channel_favorite {
    background-color: #ffb515;
    box-shadow: 0 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
}
a#green_channel_follow {
    background-color: #e33100!important;
    box-shadow: 0 15px 18px -6px rgba(227,49,0,0.65);
    margin-left: 10px;
}
 
a#green_channel_wechat {
    padding: 3px 8px!important;
    background-color: #3cb034!important;
    box-shadow: 0 15px 18px -6px rgba(60,176,52,0.65)!important;
    margin-left: 10px;
    width: 35px;
}
 
a#green_channel_weibo {
    padding: 3px 8px!important;
    background-color: #ff464b!important;
    box-shadow: 0 15px 18px -6px rgba(255,70,75,0.65)!important;
    margin-left: 10px;
    width: 35px;
}
 
/*下面的头像边框*/
#author_profile_info img.author_avatar {
    border-radius: 100%;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.4);
    border: 3px solid #f7f7f7;
    padding: 0;
    margin-left: 3px;
    margin-right: 7px;
}
 
/* 禁用下划线 */
.postBody a:link, .postBody a:visited, .postBody a:active {
    text-decoration: none;
}
 
/* 上一篇下一篇 */
#post_next_prev {
    font-size: 14px;
    color: #535353;
}
 
/*好看的滚动条*/
::-webkit-scrollbar{
    width:10px!important;
    height:10px!important;
    -webkit-appearance:none;
}
::-webkit-scrollbar-thumb{
    height:5px;border:1px solid transparent;
    border-top:none;border-bottom:none;
    -webkit-border-radius:6px;
    background-color:rgba(0,0,0,.3);
    background-clip:padding-box;
}
 
 
/*屏蔽广告 adblock */
#ad_t2 {
    display: none;
}
.c_ad_block {
    display: none;
}
 
/*新加  头像 img 侧边*/
 
#newsSideBar .headImage {
    padding: auto;
}
#newsSideBar .headImage img {
    border: 3px solid #C0C0C0;
    border-radius: 50%;
    width: 150px;
    margin: auto;
    display: block;
}
 
#sideBar a:hover{
    color:#8B0000;
}
 
/*评论*/
/*评论列表    */
 
/*侧边栏和评论区更改*/
/*侧边栏和评论区更改*/
#google_ad_c1, #google_ad_c2 {display:none;}
.syntaxhighlighter a, 
.syntaxhighlighter div,
 .syntaxhighlighter code,
 .syntaxhighlighter table, 
 .syntaxhighlighter table td,
 .syntaxhighlighter table tr,
 .syntaxhighlighter table tbody,
 .syntaxhighlighter table thead,
 .syntaxhighlighter table caption, 
 
 .syntaxhighlighter textarea {
font-size: 14px!important;
}
 
.catListTitle {
margin-top: 21px;
margin-bottom: 10.5px;
text-align: left;
border-left: 3px solid rgba(82, 168, 236, 0.8);
padding: 10px 0 7px 10px;
background-color: #f5f5f5;
}
 
 
div.commentform p{
margin-bottom:10px;
}
.comment_btn {
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #ddd;
color: #999;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
.comment_btn:hover{
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #258fb8;
color: white;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
#commentform_title {
background-image:none;
background-repeat:no-repeat;
margin-bottom:10px;
padding:0;
font-size:24px;
}
#commentbox_opt,#commentbox_opt + p {
text-align:center;
}
.commentbox_title {
width: 100%;
}
#tbCommentBody {
font-family:'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif;
margin-top:10px;
max-width:100%;
min-width:100%;
background:white;
color:#333;
border:2px solid #fff;
box-shadow:inset 0 0 8px #aaa;
// padding:10px;
height:250px;
font-size:14px;
min-height:120px;
    background-image: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1885930/o_201121070821lanqiu.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    box-shadow: 0px 0px 12px #ddd inset;
 
}
 
.feedbackItem {
font-size:14px;
line-height:24px;
margin:10px 0;
padding:20px;
background:#F2F2F2;
box-shadow:0 0 5px #aaa;
}
.feedbackListSubtitle {
font-weight:normal;
}
 
#blog-comments-placeholder, #comment_form {
padding: 20px;
background: #fff;
-webkit-box-shadow: 1px 2px 3px #ddd;
box-shadow: 1px 2px 3px #ddd;
margin-bottom: 50px;
}
 
.feedback_area_title {
margin-bottom: 15px;
font-size: 1.8em;
}
.feedbackItem {
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
padding: 5px;
background: rgb(248, 248, 248);
}
.color_shine {background: rgb(226, 242, 255);}
.feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}
 
#comment_form .title {
font-weight: normal;
margin-bottom: 15px;
}
 
/* 防止图片溢出 */
#cnblogs_post_body img {
  max-width: 100%;
}

页首HTML代码

 <!--  页首代码 雪花-->
<div id="midground" class="wall"></div>
<div id="foreground" class="wall"></div>
<div id="top" class="wall"></div>
 
<!--  页面HTML/JS部分 页面展开动画-->
<div id="fry_append">
<div id="fry_sidebar">侧边栏</div>
 
</div>
<!-- 页面展开动画-->
<script type="text/javascript">
function my_unfold(){
    width_main=$('#main').width();
    height_main=$('#main').height();
    time=1000;
    function unfoldLeft(width,height,time) {
        $('#main').animate({
            'width': '0%',
            'height': '0%',
            opacity: '0'
        }, 0,'linear');
        $('#main').animate({
            'width': '+'+width_main,
            'height': '+'+height_main,
            opacity: '1'
        }, time,'linear');
    }
    unfoldLeft(width_main,height_main,time);
}
</script>
 
<!--END 页面展开动画-->
<!-- 展开侧边栏 -->
<script type="text/javascript">
$('#main').append('<div id="fry_append"><hr/><div id="fry_sidebar"></div></div>');
$('#fry_sidebar').click(function(){
    $('#mainContent .forFlow').css({'margin-right':'0px'});
    if($('#sideBar').css('display')=='none'){
        var width=$(window).width()*0.93;
        var width1=$(window).width()*0.97-280;
        var width2=($(window).width()-280)/2;
        if(width*0.35<230){
                $('#mainContent').css({'display':'none'});
                $('#sideBar').css({'display':'block','width':'280','margin-right':width2+'px'});
        }else{
                $('#sideBar').css({'display':'block','width':'230px','margin':'none','float':'right'});
                $('#mainContent').css({'display':'block','width':width1+'px'});
        }
    }
    else{
        $('#sideBar').css({'display':'none'});
        $('#mainContent').css({'display':'block','width':'122%'});
    }
});
 
</script>
 
<!-- 此处放入页首Begin -->
    <div id="loadingbar">
        <div id="loadingProcess"></div>
    </div>
    <script type="text/javascript">
        var loadingProcess = 0;
        var isLoading = true;
        var $loadingProcess = $('#loadingProcess');
        function loading() {
            loadingProcess += 1;
            if (loadingProcess >= 80) {
                loadingProcess = 80;
            }
            $loadingProcess.css('width', loadingProcess + '%');
            if (!isLoading && loadingProcess === 80) {
                $loadingProcess.css('width', '100%').hide(200);
            } else {
                requestAnimationFrame(loading);
            }
        }
        loading();
        $(function () {
            isLoading = false;
        })
    </script>
    <!-- 此处放入页首End -->
   <!-- 此处放入页首Begin -->
   <div id="loadingProcess"></div>
   <script type="text/javascript">
       var loadingProcess = 0;
       var isLoading = true;
       var $loadingProcess = $('#loadingProcess');
       function loading() {
           loadingProcess += 1;
           if (loadingProcess >= 80) {
               loadingProcess = 80;
           }
           $loadingProcess.css('width', loadingProcess + '%');
           if (!isLoading && loadingProcess === 80) {
               $loadingProcess.css('width', '100%').hide(200);
           } else {
               requestAnimationFrame(loading);
           }
       }
       loading();
       $(function () {
           // 页面加载完毕，停掉加载动画
           isLoading = false;
           // 载入小磁怪
           if ($('#div_digg').length === 1 || window.location.href.indexOf('\/p\/')!==-1) {
               $(document.body).append('<img id="xiaociguai" title="电磁波切换" alt="电磁波切换" src="https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1532380/o_xiaociguai37.png" />')
               // 绑定停止精灵球跳动按钮
               var isStopJump = false;
               $('#xiaociguai').click(function (e) {
                   if (isStopJump) {
                       $('#div_digg').css('animation', 'jumping 7s ease-in-out').css('animation-iteration-count', 'infinite');
                       $('#xiaociguai').removeClass('enable-electric')
                   } else {
                       $('#div_digg').css('animation', 'unset');
                       $('#xiaociguai').addClass('enable-electric')
                   }
                   isStopJump = !isStopJump;
               })
           }
       })
   </script>
   <!-- 此处放入页首End -->
 
 
 
<!-- 设置目录(首页HTML代码) -->
 
<link  type="text/css" rel="stylesheet" href="https://blog-static.cnblogs.com/files/cainiao-chuanqi/maodian.css">
 
<script type="text/javascript"> 
/*自定义的鼠标点击效果*/
/* 鼠标特效 */ 
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("爱wzy","很爱wzy","很爱很爱wzy","很爱很爱很爱wzy","很爱很爱很爱很爱wzy","她好漂亮","她很温柔","她很体贴","她很感性"); 
        var $i = $("<span/>").text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 
            "top": y - 20, 
            "left": x , 
            "position": "absolute", 
            "font-weight": "bold", 
            "color": "rgb(119,136,153)" 
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
</script>

页脚HTML代码

 <!-- 设置目录(首脚HTML代码) -->
<script src="https://blog-static.cnblogs.com/files/cainiao-chuanqi/mulu.min.js"></script>
 
<!-- lightbox的样式/ 图片点击放大效果 
<link href="https://files.cnblogs.com/files/cainiao-chuanqi/img-css.css" rel="stylesheet">
 -->
<!-- lightbox.js核心代码 -->
<!-- 
<script src="https://files.cnblogs.com/files/cainiao-chuanqi/img.js"></script>
<script type='text/javascript'>$('#cnblogs_post_body img').wrap(function(){return "<a href='"+$(this).attr("src")+"' data-lightbox='example-set'></a>"});</script>
<script type='text/javascript'>$(".code_img_closed").unwrap();</script>
<script type='text/javascript'>$(".code_img_opened").unwrap();</script>
-->

下面你可以进入你的主页点击新随笔就可以写随笔啦~~

posted @ 2025-01-14 16:36 Z-wzy 阅读(11) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· Unity QFrameWork--Architecture

· Unity QFrameWork--使用规则

· 博客园美化纯代码部分

· 【学习工具】博客园主题

· 博客园背景特效

阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了

公告

昵称： Z-wzy
园龄： 3年11个月
粉丝： 1
关注： 2

+加关注

2025年3月

日

一

二

三

四

五

六

随笔分类

随笔档案

文章分类

UnityQFranmework笔记(0)

Z-wzy

小垃圾的博客

博客园的使用

博客园的使用

下面你可以进入你的主页点击新随笔就可以写随笔啦~~

公告

搜索

常用链接

合集

随笔分类

随笔档案

文章分类

相册

阅读排行榜

	<script type="text/javascript">
	/标签云的动态效果/
	function gotoTop(){
	setTimeout(function(){

	document.documentElement.scrollTop = (document.documentElement.scrollTop*0.1);
	document.body.scrollTop = (document.body.scrollTop - document.body.scrollTop*0.1);
	var scrollTop = document.documentElement.scrollTop \|\| document.body.scrollTop;

	if(scrollTop > 0){
	gotoTop();
	}
	},10);
	}



	var Ftimer = setInterval (Ftoggle,1000),
	contral = [false,false];

	function Ftoggle(){
	var tagObjbox = document.getElementsByClassName('catListTag')[0],
	tagObj = tagObjbox.getElementsByTagName('li'),
	navList = document.getElementById('navList');

	if(tagObjbox && tagObj){
	contral[1]=true;
	SlideTag(tagObj);
	}
	if(navList){
	contral[2]=true;
	AddLi(navList);
	}

	if(contral[1] & contral[2]){
	clearInterval(Ftimer);
	}
	}

	function AddLi(e){
	var li = document.createElement('li'),
	a = document.createElement('a');

	a.innerHTML = '(‾◡◝)';
	a.className = 'menu';
	a.href = 'https://www.cnblogs.com/cainiao-chuanqi/tag/';
	li.appendChild(a);
	e.appendChild(li);


	}

	function SlideTag(tagObj){

	offset = true;

	PreSeting();

	for(var i=0;i<tagObj.length;i++){
	(function(i){
	tagObj[i].onmouseover = function(){
	offset = false;
	index = parseInt(this.style.zIndex);
	this.style.zIndex = 9999;
	}
	tagObj[i].onmouseout = function(){
	offset = true;
	this.style.zIndex = index;
	}
	})(i);
	}

	setInterval(PreSeting,5000)

	function F_getSJS(x,y,z){

	var int = null;

	if(!z) { z = 6}

	while(int >= x \|\| int <= y \|\| int === null){
	int = Math.random();
	int = (int.toFixed(z) * x).toFixed(0);
	}
	return int;
	}

	function PreSeting(){
	if(offset){
	for(var i=0;i<tagObj.length;i++){
	tagObj[i].style.left = F_getSJS(100,30,10) + 'px';
	tagObj[i].style.top = F_getSJS(200,30,10) + 'px';
	tagObj[i].style.backgroundColor = 'rgb(' + F_getSJS(256,-1,5) + ',' + F_getSJS(256,-1,10) + ',' + F_getSJS(256,-1,15) + ')';
	tagObj[i].style.zIndex = F_getSJS(200,0,16);
	}
	}

	}


	}

	onload = function(){

	if(location.href == 'https://www.cnblogs.com/cainiao-chuanqi/' \|\| location.href == 'https://www.cnblogs.com/cainiao-chuanqi/'){setTimeout(goto,3000);}

	function goto(){
	document.getElementById('headbox').style.display = 'block';
	document.documentElement.scrollTop = document.documentElement.scrollTop + 200;
	document.body.scrollTop = document.body.scrollTop + 200;
	}
	}

	</script>

	<script type="text/javascript">
	/设置目录(侧边HTML代码)/
	//以下是锚点JS
	var a = $(document);
	a.ready(function() {
	var b = $('body'),
	d = 'sideToolbar',
	e = 'sideCatalog',
	f = 'sideCatalog-catalog',
	g = 'sideCatalogBtn',
	h = 'sideToolbar-up',
	i = '<div id="sideToolbar"style="display:none;">\<div class="sideCatalogBg"id="sideCatalog">\<div id="sideCatalog-sidebar">\<div class="sideCatalog-sidebar-top"></div>\<div class="sideCatalog-sidebar-bottom"></div>\</div>\<div id="sideCatalog-catalog">\<ul class="nav"style="width:225px;zoom: 1">\</ul>\</div>\</div>\<a href="javascript:void(0);"id="sideCatalogBtn"class="sideCatalogBtnDisable"></a>\</div>',
	j = '',
	k = 200,
	l = 0,
	m = 0,
	n = 0,
	//限制存在个数，如数量过多，则只显示h2，不显示h3
	//o, p = 13,
	o, p = 100,
	q = true,
	r = true,
	s = b;
	if(s.length === 0) {
	return
	};
	b.append(i);
	//指定获取目录的范围-------------这一点非常重要，因为每个人指定的范围都不一样，所以这是要修改的地方
	//o = s.find(':header');
	o = $('#cnblogs_post_body').find(':header')
	if(o.length > p) {
	r = false;
	var t = s.find('h2');
	var u = s.find('h3');
	if(t.length + u.length > p) {
	q = false
	}
	};
	o.each(function(t) {
	var u = $(this),
	v = u[0];

	var title = u.text();
	var text = u.text();

	u.attr('id', 'autoid-' + l + '-' + m + '-' + n)
	//if (!u.attr('id')) {
	// u.attr('id', 'autoid-' + l + '-' + m + '-' + n)
	//};
	if(v.localName === 'h2') {
	l++;
	m = 0;
	if(text.length > 14) text = text.substr(0, 20) + "...";
	j += '<li><span>' + l + '&nbsp&nbsp</span><a href="#' + u.attr('id') + '" title="' + title + '">' + text + '</a><span class="sideCatalog-dot"></span></li>';
	} else if(v.localName === 'h3') {
	m++;
	n = 0;
	if(q) {
	if(text.length > 12) text = text.substr(0, 16) + "...";
	j += '<li class="h2Offset"><span>' + l + '.' + m + '&nbsp&nbsp</span><a href="#' + u.attr('id') + '" title="' + title + '">' + text + '</a></li>';
	}
	} else if(v.localName === 'h4') {
	n++;
	if(r) {
	j += '<li class="h3Offset"><span>' + l + '.' + m + '.' + n + '&nbsp&nbsp</span><a href="#' + u.attr('id') + '" title="' + title + '">' + u.text() + '</a></li>';
	}
	}
	});
	$('#' + f + '>ul').html(j);
	b.data('spy', 'scroll');
	b.data('target', '.sideCatalogBg');
	$('body').scrollspy({
	target: '.sideCatalogBg'
	});
	$sideCatelog = $('#' + e);
	$('#' + g).on('click', function() {
	if($(this).hasClass('sideCatalogBtnDisable')) {
	$sideCatelog.css('visibility', 'hidden')
	} else {
	$sideCatelog.css('visibility', 'visible')
	};
	$(this).toggleClass('sideCatalogBtnDisable')
	});
	$('#' + h).on('click', function() {
	$("html,body").animate({
	scrollTop: 0
	}, 500)
	});
	$sideToolbar = $('#' + d);

	//通过判断评论框是否存在显示索引目录
	var commentDiv = $("#blog-comments-placeholder");

	a.on('scroll', function() {
	//评论框存在才调用方法
	if(commentDiv.length > 0) {
	var t = a.scrollTop();
	if(t > k) {
	$sideToolbar.css('display', 'block');
	$('#gotop').show()
	} else {
	$sideToolbar.css('display', 'none')
	$('#gotop').hide()
	}
	}
	})
	});
	//以上是锚点JS
	//以下是返回顶部JS
	$(function() {
	$('body').append('<div id="gotop" onclick="goTop();"></div>');
	});

	function goTop(u, t, r) {
	var scrollActivate = !0;
	if(scrollActivate) {
	u = u \|\| 0.1;
	t = t \|\| 16;
	var s = 0,
	q = 0,
	o = 0,
	p = 0,
	n = 0,
	j = 0;
	document.documentElement && (s = document.documentElement.scrollLeft \|\| 0, q = document.documentElement.scrollTop \|\| 0);
	document.body && (o = document.body.scrollLeft \|\| 0, p = document.body.scrollTop \|\| 0);
	n = window.scrollX \|\| 0;
	j = window.scrollY \|\| 0;
	s = Math.max(s, Math.max(o, n));
	q = Math.max(q, Math.max(p, j));
	p = 1 + u;
	window.scrollTo(Math.floor(s / p), Math.floor(q / p));
	0 < s \|\| 0 < q ? window.setTimeout('goTop(' + u + ', ' + t + ')', t) : 'undefined' != typeof r && r()
	} else {
	scrollActivate = !0
	}
	}
	//以上是返回顶部JS
	</script>


	<div id="newsSideBar">
	<div class="headImage">
	<img src="https://images.cnblogs.com/cnblogs_com/blogs/830450/galleries/2440176/o_250107165056_Shandi.jpg" alt="头像">
	</div>
	</div>

	/星光/
	.wall{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	}
	div#midground{
	background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115413foreground.png");
	z-index: -1;
	-webkit-animation: cc 530s linear infinite;
	-moz-animation: cc 530s linear infinite;
	-o-animation: cc 530s linear infinite;
	animation: cc 530s linear infinite;
	}
	/*div#foreground{
	background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115413foreground.png");
	z-index: -2;
	-webkit-animation: cc 253s linear infinite;
	-o-animation: cc 253s linear infinite;
	-moz-animation: cc 253s linear infinite;
	animation: cc 253s linear infinite;
	}*/
	div#top{
	background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115313midground.png");
	z-index: -4;
	-webkit-animation: da 770s linear infinite;
	-o-animation: da 770s linear infinite;
	animation: da 770s linear infinite;
	}
	@-webkit-keyframes cc {
	from{
	background-position: 0 0;
	transform: translateY(10px);
	}
	to{
	background-position: 0 600%;
	}
	}
	@-o-keyframes cc {
	from{
	background-position: 0 0;
	transform: translateY(10px);
	}
	to{
	background-position: 0 600%;
	}
	}
	@-moz-keyframes cc {
	from{
	background-position: 0 0;
	transform: translateY(10px);
	}
	to{
	background-position: 0 600%;
	}
	}
	@keyframes cc {
	0%{
	background-position: 0 0;
	}
	100%{
	background-position: 0 600%;
	}
	}

	@keyframes da {
	0%{
	background-position: 0 0;
	}
	100%{
	background-position: 0 600%;
	}
	}
	@-webkit-keyframes da {
	0%{
	background-position: 0 0;
	}
	100%{
	background-position: 0 600%;
	}
	}
	@-moz-keyframes da {
	0%{
	background-position: 0 0;
	}
	100%{
	background-position: 0 600%;
	}
	}
	@-ms-keyframes da {
	0%{
	background-position: 0 0;
	}
	100%{
	background-position: 0 600%;
	}
	}


	/标签云－－标签部分/
	#sidebar_toptags > div > ul > li > a {
	font-size: 12px;
	line-height: 10px;
	color: #fff;
	}

	#sidebar_toptags > div > ul > li {
	position: absolute;
	padding: 0 10px;
	border-radius: 7%;
	background:#FF4500;
	font-size: 14px;
	line-height: 30px;
	transition: all .7s;
	font-size: 9px;
	color:#FAFAD2;
	box-shadow: 0 1.5px 3px -1px rgba(255,215,0,0.73)!important;

	}


	#sidebar_toptags > div > ul {
	position: relative !important;
	clear: both;
	display: block;
	padding: 10px;
	padding-left: 0px;
	width: 270px;
	height: 230px;
	/* background: #ffffee; */
	}


	/侧边栏的展开与收回/
	#fry_append {
	right: 9.37%;
	width: 46px;
	top: 6.3%;
	opacity: 0.3377;
	position: fixed;
	z-index: 98;
	background-color:#F5F5F5;
	font-size: 12px;
	margin: 7px 0 0;
	padding: 3px;
	border: 1px solid #FFD700;
	border-radius: 5px;
	float: right;
	box-shadow: 0 1px 1.5px -1px rgba(255,215,0, 0.73)!important;
	/* box-shadow: 0px 0px 15px 5px #FF3300 inset;
	background: url(https://www.cnblogs.com/images/cnblogs_com/cainiao-chuanqi/1532380/t_%e5%9b%bd%e6%97%97.jpg) no-repeat;
	*/
	}
	#fry_append div:first-of-type {
	margin-top: 5px;
	}

	#fry_append div {
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	color:#000;

	}


	/编辑收藏/
	#topics .postDesc a {
	background-color: #51C332;
	border-radius: 3px;
	text-align: center;
	color: white;
	text-shadow: 1px 1px 2px #8B0000;
	padding: 7px 18px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	margin: 10px 3px;

	/* box-shadow: black 0px 2px 8px;
	margin-left: 10px;
	width: 35px;
	padding: 3px 8px!important;
	background-color: #3cb034!important;
	*/
	box-shadow: 0 3px 5px -1px rgba(60,176,52,0.65)!important;

	}




	/背景/
	body {
	color:#000;
	background: #708090;
	background: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/o_200609013616blue.jpg) fixed;
	background-size:cover;
	background-repeat: no-repeat;
	font-family: Tahoma,"Microsoft YaHei",Helvetica,Verdana,sans-serif;
	font-size: 14px;
	min-height: 101%;
	margin: 0;
	padding: 0;
	height:100%;
	}

	.postBody{
	font-size: 14px;
	}
	.cnblogs_code pre{
	font-size: 14px;
	}

	#home {
	opacity: 0.93;
	margin: 0px auto;
	width: 77.33%;
	min-width: 950px;
	background-color: #fff;
	padding: 30px;
	margin-top: 50px;
	margin-bottom: 50px;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}




	/文字触发效果/
	a:hover {
	/border-bottom: 1px solid;/
	color: #DC143C;
	text-shadow: -0.73px 0 0 #FFD700, 0 0.73px 0 #FFD700, 0.73px 0 0 #FFD700, 0 -0.73px 0 #FFD700;
	-webkit-transition: 0.3s;
	}

	/博客导航栏 /
	#navList {
	float:left;
	}

	#navList li {
	border: none;
	font-size: 16px;
	}

	#navList a:hover{
	color:#FF0000;
	text-decoration: none;
	}


	/目录样式/
	#sideCatalog a{
	font-size:12px;
	font-weight:normal !important;
	}

	#sideCatalog li {
	background-color: #F0FFF0;
	}

	#sideCatalog a:hover{
	color:#8B0000;
	}

	div#sideToolbar {
	opacity: 0.93;
	}

	div#gotop {
	opacity: 0.73;
	}


	/* 文章title自定义带动画样式 */
	#topics .postTitle{
	margin-top: 3px;
	font-size: 17px;
	}

	.postTitle {
	font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
	clear: both;
	background-color: #FBF9F9;
	margin-bottom:8px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 7px;
	border-left: 3px solid #21759b;
	padding-left:3px;
	font-size: 17px;
	border-radius:0px;
	}
	.postTitle a:hover {
	text-decoration: none;
	margin-left: 17px;
	color:#FF0000;
	}
	.postTitle a:link,
	.postTitle a:visited,
	.postTitle a:active {
	transition: all 0.4s linear 0s;
	}


	//加载进度条
	#loadingProcess{
	position: absolute;
	position: fixed;
	top:0;
	left: 0;
	height: 3px;
	box-sizing: border-box;
	width: 0%;
	background-color: @AccentColor;
	background-image: linear-gradient(to right,transparent 0%,transparent 80%,#fff 100% );
	border-bottom-right-radius: 1px;
	border-top-right-radius: 1px;
	}
	// 回复中代码片段会遮挡精灵球
	.syntaxhighlighter{
	z-index: -1
	}
	/*
	* 动画声明
	*/
	/* 点赞样式Begin */
	@keyframes jumping {
	0% {
	transform: translateY(0px);
	}
	50% {
	transform: translateY(-400px);
	}
	100% {
	transform: translateY(0px);
	}
	}
	#div_digg {
	bottom: 0px;
	bottom: 50px;
	margin: 0px;
	position: fixed;
	opacity:0.66;
	right: 0.5rem;
	right: 16px;
	animation: jumping 337s ease-in-out;
	animation-iteration-count: infinite;
	}

	.buryit {
	display: none;
	}

	.diggit {
	background: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1963449/o_210419030030o_ball2.png) no-repeat;
	border-radius: 50%;
	box-shadow: 0px 0px 15px 5px #FFFFCC inset;
	cursor: pointer;
	height: 100px;
	margin: 0px;
	padding: 0px;
	width: 100px;
	text-align: center;

	}
	#div_digg .diggnum {
	color:#FFFF00;
	opacity:0.73;
	font-family: Verdana;
	font-size: 37px;

	line-height: 2em!important;
	}
	#digg_tips{
	color: #fa5 !important;
	width: 200px;
	text-align: center;
	margin-left: -50px;
	margin-top: 20px;
	}

	a.digg_gray{
	font-size: 18px;
	}
	#xiaociguai{
	opacity:0.66;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 155px;
	cursor: pointer;
	z-index:9999 ;
	}

	#xiaociguai:hover,#xiaociguai.enable-electric{
	-webkit-filter: saturate(7);
	filter: saturate(7);
	}

	/* 点赞样式End */



	/侧边栏公告/
	#blog-news > img {
	/头像/
	display: block;
	margin: auto;
	border-radius: 50%;
	}

	#profile_block {
	font-size: 15px;
	padding: 20px;
	line-height: 1.8;
	}

	#profile_block > a:link {
	color: #F60;
	}
	/公告结束/


	/* 个性签名 */
	#MySignature {
	box-shadow: 8px 1px 10px #989898;
	padding: 10px;
	text-shadow: 1px 1px 1px #FFF;
	font-size: 15px;
	border-left: solid 5px #55895B;
	background: #FBF9F9;
	border-radius: 10px 10px 37% 10px;
	line-height: 2.4;
	margin: 37px 0;
	}

	#MySignature a {
	text-decoration: none;
	color: #4183c4;
	font-weight: bold;
	}

	#MySignature a:hover {
	text-decoration: underline;
	color: #f60;
	}

	#MySignature span {
	color: #f60;
	}

	/标题h2的自定义格式/
	#cnblogs_post_body h2 {
	border: 1px solid #55895B;
	border-left-width: 5px;
	border-radius: 10px;
	border-right-width: 5px;
	background-color: #FBF9F9;
	background-position: left center;
	padding: 3px 5px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	}

	/标题h3的自定义格式/
	#cnblogs_post_body h3 {
	border: 1px solid #696969;
	border-left-width: 3px;
	border-radius: 7px;
	border-right-width: 5px;
	background-color: #F5F5F5;
	background-position: left center;
	padding: 2px 3px;
	width: 37%;
	display: inline-block;
	box-sizing: border-box;
	}



	/* 关注收藏等几个按钮 */
	#green_channel {
	padding: 5px 0 15px 0;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 0;
	border-top: #eee 1px dashed;
	border-bottom: #eee 1px dashed;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgb(238, 238, 238);
	font-size: 12px;
	width: 100%!important;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	}

	a#green_channel_digg, a#green_channel_follow, a#green_channel_favorite, a#green_channel_weibo, a#green_channel_wechat {
	text-decoration: none;
	color: #fff;
	margin: auto;
	width: 80px;
	display: inline-block;
	line-height: 30px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 2px;
	border-radius: 3px;
	text-transform: uppercase;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	position: relative;
	margin-left: 10px;
	background-image: none;
	margin-top: 10px;
	}
	a#green_channel_digg {
	background-color: #2daebf;
	box-shadow: 0 15px 18px -6px rgba(95,193,206,0.65);
	}

	a#green_channel_favorite {
	background-color: #ffb515;
	box-shadow: 0 15px 18px -6px rgba(255,198,75,0.65);
	margin-left: 10px;
	}
	a#green_channel_follow {
	background-color: #e33100!important;
	box-shadow: 0 15px 18px -6px rgba(227,49,0,0.65);
	margin-left: 10px;
	}

	a#green_channel_wechat {
	padding: 3px 8px!important;
	background-color: #3cb034!important;
	box-shadow: 0 15px 18px -6px rgba(60,176,52,0.65)!important;
	margin-left: 10px;
	width: 35px;
	}

	a#green_channel_weibo {
	padding: 3px 8px!important;
	background-color: #ff464b!important;
	box-shadow: 0 15px 18px -6px rgba(255,70,75,0.65)!important;
	margin-left: 10px;
	width: 35px;
	}

	/下面的头像边框/
	#author_profile_info img.author_avatar {
	border-radius: 100%;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.4);
	border: 3px solid #f7f7f7;
	padding: 0;
	margin-left: 3px;
	margin-right: 7px;
	}

	/* 禁用下划线 */
	.postBody a:link, .postBody a:visited, .postBody a:active {
	text-decoration: none;
	}

	/* 上一篇下一篇 */
	#post_next_prev {
	font-size: 14px;
	color: #535353;
	}

	/好看的滚动条/
	::-webkit-scrollbar{
	width:10px!important;
	height:10px!important;
	-webkit-appearance:none;
	}
	::-webkit-scrollbar-thumb{
	height:5px;border:1px solid transparent;
	border-top:none;border-bottom:none;
	-webkit-border-radius:6px;
	background-color:rgba(0,0,0,.3);
	background-clip:padding-box;
	}


	/屏蔽广告 adblock /
	#ad_t2 {
	display: none;
	}
	.c_ad_block {
	display: none;
	}

	/新加头像 img 侧边/

	#newsSideBar .headImage {
	padding: auto;
	}
	#newsSideBar .headImage img {
	border: 3px solid #C0C0C0;
	border-radius: 50%;
	width: 150px;
	margin: auto;
	display: block;
	}

	#sideBar a:hover{
	color:#8B0000;
	}

	/评论/
	/评论列表 /

	/侧边栏和评论区更改/
	/侧边栏和评论区更改/
	#google_ad_c1, #google_ad_c2 {display:none;}
	.syntaxhighlighter a,
	.syntaxhighlighter div,
	.syntaxhighlighter code,
	.syntaxhighlighter table,
	.syntaxhighlighter table td,
	.syntaxhighlighter table tr,
	.syntaxhighlighter table tbody,
	.syntaxhighlighter table thead,
	.syntaxhighlighter table caption,

	.syntaxhighlighter textarea {
	font-size: 14px!important;
	}

	.catListTitle {
	margin-top: 21px;
	margin-bottom: 10.5px;
	text-align: left;
	border-left: 3px solid rgba(82, 168, 236, 0.8);
	padding: 10px 0 7px 10px;
	background-color: #f5f5f5;
	}


	div.commentform p{
	margin-bottom:10px;
	}
	.comment_btn {
	padding: 5px 10px;
	height: 35px;
	width: 90px;
	border: 0 none;
	border-radius: 5px;
	background: #ddd;
	color: #999;
	cursor:pointer;
	font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
	text-shadow: 0 0 1px #fff;
	display: inline !important;
	}
	.comment_btn:hover{
	padding: 5px 10px;
	height: 35px;
	width: 90px;
	border: 0 none;
	border-radius: 5px;
	background: #258fb8;
	color: white;
	cursor:pointer;
	font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
	text-shadow: 0 0 1px #fff;
	display: inline !important;
	}
	#commentform_title {
	background-image:none;
	background-repeat:no-repeat;
	margin-bottom:10px;
	padding:0;
	font-size:24px;
	}
	#commentbox_opt,#commentbox_opt + p {
	text-align:center;
	}
	.commentbox_title {
	width: 100%;
	}
	#tbCommentBody {
	font-family:'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif;
	margin-top:10px;
	max-width:100%;
	min-width:100%;
	background:white;
	color:#333;
	border:2px solid #fff;
	box-shadow:inset 0 0 8px #aaa;
	// padding:10px;
	height:250px;
	font-size:14px;
	min-height:120px;
	background-image: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1885930/o_201121070821lanqiu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	box-shadow: 0px 0px 12px #ddd inset;

	}

	.feedbackItem {
	font-size:14px;
	line-height:24px;
	margin:10px 0;
	padding:20px;
	background:#F2F2F2;
	box-shadow:0 0 5px #aaa;
	}
	.feedbackListSubtitle {
	font-weight:normal;
	}

	#blog-comments-placeholder, #comment_form {
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	box-shadow: 1px 2px 3px #ddd;
	margin-bottom: 50px;
	}

	.feedback_area_title {
	margin-bottom: 15px;
	font-size: 1.8em;
	}
	.feedbackItem {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	padding: 5px;
	background: rgb(248, 248, 248);
	}
	.color_shine {background: rgb(226, 242, 255);}
	.feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}

	#comment_form .title {
	font-weight: normal;
	margin-bottom: 15px;
	}

	/* 防止图片溢出 */
	#cnblogs_post_body img {
	max-width: 100%;
	}

	<!-- 页首代码雪花-->
	<div id="midground" class="wall"></div>
	<div id="foreground" class="wall"></div>
	<div id="top" class="wall"></div>

	<!-- 页面HTML/JS部分页面展开动画-->
	<div id="fry_append">
	<div id="fry_sidebar">侧边栏</div>

	</div>
	<!-- 页面展开动画-->
	<script type="text/javascript">
	function my_unfold(){
	width_main=$('#main').width();
	height_main=$('#main').height();
	time=1000;
	function unfoldLeft(width,height,time) {
	$('#main').animate({
	'width': '0%',
	'height': '0%',
	opacity: '0'
	}, 0,'linear');
	$('#main').animate({
	'width': '+'+width_main,
	'height': '+'+height_main,
	opacity: '1'
	}, time,'linear');
	}
	unfoldLeft(width_main,height_main,time);
	}
	</script>

	<!--END 页面展开动画-->
	<!-- 展开侧边栏 -->
	<script type="text/javascript">
	$('#main').append('<div id="fry_append"><hr/><div id="fry_sidebar"></div></div>');
	$('#fry_sidebar').click(function(){
	$('#mainContent .forFlow').css({'margin-right':'0px'});
	if($('#sideBar').css('display')=='none'){
	var width=$(window).width()*0.93;
	var width1=$(window).width()*0.97-280;
	var width2=($(window).width()-280)/2;
	if(width*0.35<230){
	$('#mainContent').css({'display':'none'});
	$('#sideBar').css({'display':'block','width':'280','margin-right':width2+'px'});
	}else{
	$('#sideBar').css({'display':'block','width':'230px','margin':'none','float':'right'});
	$('#mainContent').css({'display':'block','width':width1+'px'});
	}
	}
	else{
	$('#sideBar').css({'display':'none'});
	$('#mainContent').css({'display':'block','width':'122%'});
	}
	});

	</script>

	<!-- 此处放入页首Begin -->
	<div id="loadingbar">
	<div id="loadingProcess"></div>
	</div>
	<script type="text/javascript">
	var loadingProcess = 0;
	var isLoading = true;
	var $loadingProcess = $('#loadingProcess');
	function loading() {
	loadingProcess += 1;
	if (loadingProcess >= 80) {
	loadingProcess = 80;
	}
	$loadingProcess.css('width', loadingProcess + '%');
	if (!isLoading && loadingProcess === 80) {
	$loadingProcess.css('width', '100%').hide(200);
	} else {
	requestAnimationFrame(loading);
	}
	}
	loading();
	$(function () {
	isLoading = false;
	})
	</script>
	<!-- 此处放入页首End -->
	<!-- 此处放入页首Begin -->
	<div id="loadingProcess"></div>
	<script type="text/javascript">
	var loadingProcess = 0;
	var isLoading = true;
	var $loadingProcess = $('#loadingProcess');
	function loading() {
	loadingProcess += 1;
	if (loadingProcess >= 80) {
	loadingProcess = 80;
	}
	$loadingProcess.css('width', loadingProcess + '%');
	if (!isLoading && loadingProcess === 80) {
	$loadingProcess.css('width', '100%').hide(200);
	} else {
	requestAnimationFrame(loading);
	}
	}
	loading();
	$(function () {
	// 页面加载完毕，停掉加载动画
	isLoading = false;
	// 载入小磁怪
	if ($('#div_digg').length === 1 \|\| window.location.href.indexOf('\/p\/')!==-1) {
	$(document.body).append('<img id="xiaociguai" title="电磁波切换" alt="电磁波切换" src="https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1532380/o_xiaociguai37.png" />')
	// 绑定停止精灵球跳动按钮
	var isStopJump = false;
	$('#xiaociguai').click(function (e) {
	if (isStopJump) {
	$('#div_digg').css('animation', 'jumping 7s ease-in-out').css('animation-iteration-count', 'infinite');
	$('#xiaociguai').removeClass('enable-electric')
	} else {
	$('#div_digg').css('animation', 'unset');
	$('#xiaociguai').addClass('enable-electric')
	}
	isStopJump = !isStopJump;
	})
	}
	})
	</script>
	<!-- 此处放入页首End -->



	<!-- 设置目录(首页HTML代码) -->

	<link type="text/css" rel="stylesheet" href="https://blog-static.cnblogs.com/files/cainiao-chuanqi/maodian.css">

	<script type="text/javascript">
	/自定义的鼠标点击效果/
	/* 鼠标特效 */
	var a_idx = 0;
	jQuery(document).ready(function($) {
	$("body").click(function(e) {
	var a = new Array("爱wzy","很爱wzy","很爱很爱wzy","很爱很爱很爱wzy","很爱很爱很爱很爱wzy","她好漂亮","她很温柔","她很体贴","她很感性");
	var $i = $("<span/>").text(a[a_idx]);
	a_idx = (a_idx + 1) % a.length;
	var x = e.pageX,
	y = e.pageY;
	$i.css({
	"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
	"top": y - 20,
	"left": x ,
	"position": "absolute",
	"font-weight": "bold",
	"color": "rgb(119,136,153)"
	});
	$("body").append($i);
	$i.animate({
	"top": y - 180,
	"opacity": 0
	},
	1500,
	function() {
	$i.remove();
	});
	});
	});
	</script>

	<!-- 设置目录(首脚HTML代码) -->
	<script src="https://blog-static.cnblogs.com/files/cainiao-chuanqi/mulu.min.js"></script>

	<!-- lightbox的样式/ 图片点击放大效果
	<link href="https://files.cnblogs.com/files/cainiao-chuanqi/img-css.css" rel="stylesheet">
	-->
	<!-- lightbox.js核心代码 -->
	<!--
	<script src="https://files.cnblogs.com/files/cainiao-chuanqi/img.js"></script>
	<script type='text/javascript'>$('#cnblogs_post_body img').wrap(function(){return "<a href='"+$(this).attr("src")+"' data-lightbox='example-set'></a>"});</script>
	<script type='text/javascript'>$(".code_img_closed").unwrap();</script>
	<script type='text/javascript'>$(".code_img_opened").unwrap();</script>
	-->