/**---------- 原有样式修改 --------*/

 
	@media screen and (max-width: 1000px) {
	 #main {width: 100%;}
	}
 
	#cnblogs_post_body{
		font-size: 16px;
	}
	#green_channel{
		display: none;
	}
	#post_next_prev{
		display: none;
	}
	.forFlow img{
		margin-top: 0;
	}
	#cnblogs_post_body img {
	    max-width: 100%;
	}

	 

	/** 自定义样式 */
	/* 加载条 */
	#myProgressBar{
		width: 15%;
		height: 2px;
		background-color: #eb5055;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
	#nprogress {
	  pointer-events: none;
	}

	#nprogress .bar {
	  background: #eb5055;

	  position: fixed;
	  z-index: 1031;
	  top: 0;
	  left: 0;

	  width: 100%;
	  height: 2px;
	}
	#nprogress .peg {
	  display: block;
	  position: absolute;
	  right: 0px;
	  width: 100px;
	  height: 100%;
	  box-shadow: 0 0 10px #eb5055, 0 0 5px #eb5055;
	  opacity: 1.0;

	  -webkit-transform: rotate(3deg) translate(0px, -4px);
	      -ms-transform: rotate(3deg) translate(0px, -4px);
	          transform: rotate(3deg) translate(0px, -4px);
	}
	#nprogress .spinner {
	  display: block;
	  position: fixed;
	  z-index: 1031;
	  top: 15px;
	  right: 15px;
	}

	#nprogress .spinner-icon {
	  width: 18px;
	  height: 18px;
	  box-sizing: border-box;

	  border: solid 2px transparent;
	  border-top-color: #eb5055;
	  border-left-color: #eb5055;
	  border-radius: 50%;

	  -webkit-animation: nprogress-spinner 400ms linear infinite;
	          animation: nprogress-spinner 400ms linear infinite;
	}
	.nprogress-custom-parent {
	  overflow: hidden;
	  position: relative;
	}
	.nprogress-custom-parent #nprogress .spinner,
	.nprogress-custom-parent #nprogress .bar {
	  position: absolute;
	}

	@-webkit-keyframes nprogress-spinner {
	  0%   { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}
	@keyframes nprogress-spinner {
	  0%   { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}


	
 
	/* 底部导航 */
	#post-bottom-bar{
		position: fixed;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 2;
	    height: 3pc;
	    border-top: 1px solid #e0e0e0;
	    background-color: #fff;
	    margin: 0;
	    padding: 0;
	    transition: 0.5s ease-in-out;
	}
	#post-bottom-bar a{
	    text-decoration: none!important;
	}
	.post-bottom-bar .bottom-bar-inner{
		margin: 0 auto;
	    padding: 0 10px;
	    max-width: 900px;
	}
	.bottom-bar-items{
		margin: 0 0 0 10px;
	    color: #313131;
	    font-size: 14px !important;
	    line-height: 3pc;float: left;
	}
	.post-bottom-bar{
		margin: 0 0 0 10px;
	    color: #313131;
	    font-size: 14px;
	    line-height: 3pc;
	}
	.post-bottom-bar .social-share .bottom-bar-item {
	    padding: 4px;
	}
	.post-bottom-bar .bottom-bar-item.bottom-bar-facebook a {
	    background-color: #4267b2;
	    color: #fff;
	}
	.post-bottom-bar .social-share .bottom-bar-item a {
	    padding: 2px 10px;
	    border-radius: 15px;
	}
	.post-bottom-bar .bottom-bar-item a {
	    margin: 0;
	    padding: 9pt;
	    border: 0;
	    background: 0 0;
	    color: #313131;
	    font-size: 14px;
	    line-height: 3pc;
	    cursor: pointer;
	}
	.post-bottom-bar .bottom-bar-item.bottom-bar-twitter a {
	    background-color: #1b95e0;
	    color: #fff;
	}
	.post-bottom-bar .bottom-bar-item.bottom-bar-qrcode a {
	    background-color: #5f5f5f;
	    color: #fff;
	}
	.bottom-bar-item a:hover{
		color: #eb5055;
	}

 
	/* code加上行数 */
	.cnblogs-markdown .syntaxhighlighter table td.code {
	  width:95% !important; 
	}

	.cnblogs-markdown .syntaxhighlighter code {
	  font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;
	  padding: 0 !important;
	  border-radius: 0 !important;
	  background-color: transparent !important;
	}

	.cnblogs-markdown .syntaxhighlighter code:before,
	.cnblogs-markdown .syntaxhighlighter code:before {
	  letter-spacing: -0.5em;
	}
	.cnblogs-markdown em{
		font-style:italic
	}


	/** 更改浏览器滚动条和选中字体背景颜色 */
	::selection {
	    background-color: #eb5055;
	    color: #fff;
	}
	::-webkit-scrollbar {
	    width: 6px;
	    height: 6px;
	}
	::-webkit-scrollbar-thumb {
	    min-height: 28px;
	    background-color: #c2c2c2;
	    background-clip: padding-box;
	}
	::-webkit-scrollbar-track-piece {
	    background-color: #fff;
	}
	*, :after, :before {
	    box-sizing: border-box;
	}


	/** 首页文章条显示优化 */
	.day{
	    border-radius: 10px;
	    box-shadow: 0 0 20px 2px rgba(0,0,0,.1);
	    margin-top: 40px;
	    transition: 0.3s;
	}
	.day:hover{
		box-shadow: 0 1px 2px rgba(0,0,0,.1);
	}
	.dayTitle {
		display: none;
	}


	/** 优化评论区样式 */
	.feedbackItem{
		background-color: ghostwhite;
	    border-radius: 10px;
	    padding: 20px;
	    margin-top: 20px;
	    border: 0px;
	}
	.comment_textarea{
	    padding: 15px;
        border-radius: 10px;
	    outline: 0;
	    resize: none;
	    overflow: hidden;
		width: 100%;
	} 

/*simplememory*/
#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;
}
#home {
opacity: 0.80;
margin: 0 auto;
width: 85%;
min-width: 950px;
background-color: #fff;
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#blogTitle h1 {
font-size: 30px;
font-weight: bold;
font-family: "Comic Sans MS";
line-height: 1.5em;
margin-top: 20px;
color: #515151;
}
#navList a:hover {
color: #4C9ED9;
text-decoration: none;
}
#navList a {
display: block;
width: 5em;
height: 22px;
float: left;
text-align: center;
padding-top: 18px;
}
#navigator {
font-size: 15px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
height: 50px;
clear: both;
margin-top: 25px;
}
.catListTitle {
margin-top: 21px;
margin-bottom: 10.5px;
text-align: left;
border-left: 10px solid rgba(82, 168, 236, 0.8);
padding: 10px 0 14px 10px;
background-color: #f5f5f5;
}
#ad_under_post_holder #google_ad_c1,#google_ad_c2{ 
display: none !important;
}
body {
color: #000;
background: url(https://pic3.zhimg.com/80/v2-0db8e7997631ecaf73ca6c497abd4d33_720w.jpg) fixed;
background-size: 100%;
background-repeat: no-repeat;
font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-size: 12px;
min-height: 101%;
}
#topics .postTitle {
border: 0px;
font-size: 200%;
font-weight: bold;
float: left;
line-height: 1.5;
width: 100%;
padding-left: 5px;
}


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;
}
.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;
}

字体，css样式
/* 文章标题样式(这个不是markdown里的标题) */
#topics .postTitle a {
    /* color: #169fe6; */
    font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
    font-weight: bold;
}
 
/* 普通文字样式 */
#cnblogs_post_body p {
    margin: 18px auto;
    color: #000;
    font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
    font-size: 16px;
    text-indent: 0;
}
 
/* 标题样式 */
#cnblogs_post_body h1 {
    font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    margin: 10px 0;
}

#cnblogs_post_body h2 {
    font-family: Consolas, "Microsoft YaHei", monospace;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
    margin: 20px 0;
}

#cnblogs_post_body h3 {
    font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 10px 0;
}

#cnblogs_post_body h4 {
    font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}
/* 标题样式设置结束 */
 
/* 去除双下划线斜体样式 */
em {
    font-style: normal;
    color: #000;
}
 
/* 无序列表 */
#cnblogs_post_body ul li {
    font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
    color: #000;
    font-size: 16px;
    list-style-type: disc;
}
 
/* 有序列表 */
#cnblogs_post_body ol li {
    font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
    color: #000;
    font-size: 16px;
    list-style-type: decimal;
}
 
/* 超链接 */
#cnblogs_post_body a:link {
    text-decoration: none;
    color: #002C99;
}
 
/* 引用背景 */
#topics .postBody blockquote {
    background: #fff3d4;
    border: none;
    border-left: 5px solid #f6b73c;
    margin: 0;
    padding-left: 10px;
}
 
/* 单行代码 */
.cnblogs-markdown code {
    font-family: Consolas, "Microsoft YaHei", monospace !important;
    font-size: 16px !important;
    line-height: 20px;
    background-color: #f5f5f5 !important;
    border: 1px solid #ccc !important;
    padding: 0 5px !important;
    border-radius: 3px !important;
    line-height: 1.8;
    margin: 1px 5px;
    vertical-align: middle;
    display: inline-block;
}
 
/* 多行代码, 引用 */
.cnblogs-markdown .hljs {
    font-family: Consolas, "Microsoft YaHei", monospace !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 5px !important;
}

/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.pln{color:#4d4d4c}ol.linenums{margin-top:0;margin-bottom:0;color:#8e908c}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal!important;}@media screen{.str{color:#718c00}.kwd{color:#8959a8}.com{color:#8e908c}.typ{color:#4271ae}.lit{color:#f5871f}.pun{color:#4d4d4c}.opn{color:#4d4d4c}.clo{color:#4d4d4c}.tag{color:#c82829}.atn{color:#f5871f}.atv{color:#3e999f}.dec{color:#f5871f}.var{color:#c82829}.fun{color:#4271ae}}

/*下面是我设置背景色，字体大小和字体*/
.cnblogs-markdown code{
background:#fff!important;
}
.cnblogs_code,.cnblogs_code span,.cnblogs-markdown .hljs{
    font-size:16px!important;
}

.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: 16px!important;
}

#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>

filter: blur(3px);

 
        var rain = {
             flake : ['※','☼'],
             colors : ['#000'],
             // backgroundcolors:['#000'],
            maxleft : (document.body.clientWidth||document.documentElement.clientWidth),
            maxtop : (document.body.clientHeight||document.documentElement.ClientHeight)+50,
            
            length : 0,
            
            all:[],
            //初始化
            init:function(){
                var self = this;
                self.createMore();
                self.allmove();
            },
            //创建单个
            createSnow : function(){
                var self = this;
                var one = $('<div></div>')
                var onepic = self.flake[0];
                var color = self.colors[0];
                one.append(onepic)
                one.attr({'id':'s','data-v':self.rand(0,300)+3,'data-t':0})
                one.css({
                color:color,
                top:0,
                left:self.rand(0,self.maxleft)+'px',
                position:'absolute'
                })
                $('body').append(one)
                return one;
            },
            
            //移动
            move :function(a){
                var self = this;
                var left = parseInt(a.offset().left)+self.rand(5,40);
                var top = parseInt(a.offset().top)+self.rand(5,20);

                left > self.maxleft-300 ? left = 0:'';
                top > self.maxtop-300 ? top = 0:'';
                console.log(left)
                a.css({
                    'top' :top+'px',
                    'left':left+'px'
                });
            },

            allmove : function(){
                var self  =  this;
                var all =self.all;
                
                setInterval(function(){
                    for(var i=0;i<all.length;i++){
                        self.move(all[i])
                    }
                },100)
            },
            //创建多个
            createMore : function(){
                var self = this;
                var all = self.all;
                var l = length + 10;
                var timer=setInterval(function(){
                    for(var i = 0;i<l;i++){
                        all.push(self.createSnow())
                    }
                    if(all.length>10){
                        clearInterval(timer);
                    }
                    
                },1000)
            },
            //随机出现
            rand : function(min,max){
                return min + Math.floor((max - min)*Math.random())+1;
            },
            
            

        }

        window.onload =function(){
                rain.init();
        }