博客样式保留

弄出一套样式，但是又想换别的样式。保留起来吧。

一、博客模板：darkgreentrip

禁用模板默认CSS：勾选

二、博客侧边栏公告（支持HTML代码）（支持JS代码）

<!---  自定义侧边栏  --->
 <div class="mySideBar">
     <p class="nickName">昵称：<a href="http://xxxyz.xyz/">XXXYZ</a></p>
     <p>园龄：大概也就一百年吧~</p>
     <p>粉丝：999999+</p>
     <p>关注：999999+</p>
     <p>邮箱：whocare@xxxx.xx</p>
     <p>代码库：
     </p>
     <p id="p_b_follow"><a href="javascript:void(0);" onclick="follow('ca5022e9-4171-4a38-e168-08d4ef52ecb5')">+加关注</a></p>
 </div>
<a href="https://info.flagcounter.com/qeiq"><img src="https://s11.flagcounter.com/count/qeiq/bg_FFFFFF/txt_000000/border_CCCCCC/columns_3/maxflags_50/viewers_0/labels_0/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0"></a>
 <!--- 导入js库  --->
 <script src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
 <canvas id="c_n4" width="860" height="958" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;"></canvas>

三、页首Html代码

<!-- 链接过来的 css 样式要放在 首页Html代码 里面 才会生效 -->
 <link type="text/css" rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"/>
 <link type="text/css" rel="stylesheet" href="https://blog-static.cnblogs.com/files/xxxyz/trainoo-web4.css" />
 <link type="text/css" rel="stylesheet" href="https://blog-static.cnblogs.com/files/xxxyz/trainoo-mobile.css" id="mobile-style" media="only screen and (max- 767px)" />

 <a id="back-to-top" style="display: inline;" href="javascript:;">
      <i class="glyphicon glyphicon-arrow-up"></i>
 </a>

四、页脚Html代码

<script type="text/javascript"> 
/* 鼠标特效 */ 
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("富强","民主","和谐","文明","自由","平等","公正","法治","爱国","敬业","诚信","友善"); 
        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(72,85,137)" 
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
</script>
<script>
$(function(){
    changeIndReadCommentStyle();
    
    //返回顶部
    $('#back-to-top').click(function(e){ $('html,body').animate({scrollTop:0}, 500) });
    
    //滑稽~
    $('#ad_t2').remove();
    $('#under_post_news').remove();
    $('#under_post_kb').remove();
    $('.c_ad_block').remove();
    $('.c_ad_block').remove();
    $('#blog-calendar').remove();
    $('#sidebar_search').remove();
    $('title').html($('title').html())
});
// 修改首页 阅读、评论样式
function changeIndReadCommentStyle(){    
    var count = $('.day .postDesc').length;
    var pattern = new RegExp("阅读(.*?)<a");
    for (var i=0; i < count; i++){
        var html = "";
        var txt = pattern.exec($('.day .postDesc').eq(i).html());
        html += "<span class="glyphicon glyphicon-eye-open"></span>";
        html += "  " + txt;
        $('.day .postDesc').eq(i).html(html);
    }
}
 </script>