我的博客园的配置
页面定制 CSS 代码
/*添加按钮*/
.cnblogs-markdown pre {
position: relative;
}
.cnblogs-markdown pre > span {
position: absolute;
top: 0;
right: 0;
border-radius: 2px;
padding: 0 10px;
font-size: 12px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
cursor: pointer;
}
.cnblogs-markdown pre > .copyed {
background: #67c23a;
}
/*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: 40px;
float: left;
text-align: center;
padding-top: 18px;
}
#navigator {
font-size: 10px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
height: 70px;
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: rgba(12, 100, 129, 1) url(https://img2018.cnblogs.com/blog/1399352/202002/1399352-20200201215430527-1409180242.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: 5px;
font-size: 100%;
font-weight: bold;
float: left;
line-height: 1.5;
width: 100%;
padding-left: 15px;
}
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;
}
/*ÕýÎÄ×ÖÌå*/
.postBody {
font-size: 150%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 5px;
}
/*ÕýÎıêÌâ×ÖÌå*/
#cnblogs_post_body h3 {
font-size: 130%;
font-weight: bold;
line-height: 1.5;
margin: 10px 0;
}
#cnblogs_post_body h4 {
font-size: 115%;
font-weight: bold;
line-height: 1.5;
margin: 10px 0;
}
/*²à±ßÀ¸×ÖÌå*/
#sideBarMain {
font-size: 130%;
font-family: "»ªÎÄÐÂκ";
}
/*´úÂë×ÖÌå*/
.cnblogs-markdown .hljs, .cnblogs-post-body .hljs {
font-family: "consolas",sans-serif!important;
font-size: 15px!important;
line-height: 1.5!important;
padding: 5px!important;
}
/*±êÌâÉÏÒ»À¸*/
.menu {
color: gray!important;
margin-right: 30px;
font-size: 200%;
}
博客侧边栏公告（支持HTML代码） （支持 JS 代码）
博主是一名广东的OIer，现高二</p></p>
<HR>
<font color="#FF0000">博主QQ：2317757009</font>，</p></p>
加我请备注学校和名字，</p></p>
欢迎各位OIer一起交流</p></p>
</p></p>
我的旧CSDN博客：</p></p>
<p><a href="https://blog.csdn.net/Cold_Chair"><font color=blue>Cold_Chair</font></a></p>
</p></p>
<font size='6' xss=removed>友情链接：</font><p></p>
<font size='5'>本校：</font><p>
</p>
<font size='4'>大两届：</font><p>
<p><a href="http://blog.csdn.net/samjia2000"><font color=blue>Samjia2000（国家队爷%%%）</font></a></p>
<p><a href="http://blog.csdn.net/werkeytom_ftd"><font color=blue>WerKeyTom_FTD（集训队爷%%%）</font></a></p>
<p><a href="http://blog.csdn.net/drin_e?viewmode=contents"><font color=blue>Drin_E（集训队爷%%%）</font></a></p>
<p><a href="http://blog.csdn.net/worldwide_d"><font color=blue>鞋垫</font></a></p>
<p><a href="https://acrazyczy.github.io/"><font color=blue>子逸</font></a></p>
<HR>
<font size='4'>大一届：</font><p>
<p><a href="http://blog.csdn.net/alan_cty"><font color=blue>胖头鱼</font></a></p>
<p><a href="http://blog.csdn.net/u011056504?viewmode=list"><font color=blue>重</font></a></p>
<p><a href="http://blog.csdn.net/lyd_7_29"><font color=blue>lyd_729</font></a></p>
<p><a href="https://blog.csdn.net/xianhaoming"><font color=blue>XHM</font></a></p>
<p><a href="http://blog.csdn.net/howarli"><font color=blue>Howarli</font></a></p>
<p><a href="https://blog.csdn.net/hzj1054689699"><font color=blue>BAJim_H</font></a></p>
<HR>
<font size='4'>同届：</font><p>
<font size ='3' color="black">L</font><font size='3' color="red">L</font>:此人虽然没有博客，但他是我们的红太阳，没有他我们不能活
<a href='https://postimg.cc/75W0BzWN' target='_blank'><img src='https://i.postimg.cc/75W0BzWN/3b87e950352ac65c38ed7c2af2f2b21192138afa.gif' border='0' alt='3b87e950352ac65c38ed7c2af2f2b21192138afa'></a>
<p><a href="http://blog.csdn.net/jokerwyt"><font color=blue>jokerwyt</font></a></p>
<p><a href="http://blog.csdn.net/white_elephant"><font color=blue>white_elephant</font></a></p>
<p><a href="https://blog.csdn.net/farmerjohnofzs"><font color=blue>farmerjohn</font></a></p>
<p><a href="https://blog.csdn.net/XLno_name"><font color=blue>no_name</font></a></p>
页首 HTML 代码
<script type="text/javascript">
/* 控制下雪 */
function snowFall(snow) {
/* 可配置属性 */
snow = snow || {};
this.maxFlake = snow.maxFlake || 10; /* 最多片数 */
this.flakeSize = snow.flakeSize || 5; /* 雪花形状 */
this.fallSpeed = snow.fallSpeed || 1; /* 坠落速度 */
}
/* 兼容写法 */
requestAnimationFrame = window.requestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.msRequestAnimationFrame ||
window.oRequestAnimationFrame ||
function(callback) { setTimeout(callback, 1000 / 60); };
cancelAnimationFrame = window.cancelAnimationFrame ||
window.mozCancelAnimationFrame ||
window.webkitCancelAnimationFrame ||
window.msCancelAnimationFrame ||
window.oCancelAnimationFrame;
/* 开始下雪 */
snowFall.prototype.start = function(){
/* 创建画布 */
snowCanvas.apply(this);
/* 创建雪花形状 */
createFlakes.apply(this);
/* 画雪 */
drawSnow.apply(this)
}
/* 创建画布 */
function snowCanvas() {
/* 添加Dom结点 */
var snowcanvas = document.createElement("canvas");
snowcanvas.id = "snowfall";
snowcanvas.width = window.innerWidth;
snowcanvas.height = document.body.clientHeight;
snowcanvas.setAttribute("style", "position:absolute; top: 0; left: 0; z-index: 1; pointer-events: none;");
document.getElementsByTagName("body")[0].appendChild(snowcanvas);
this.canvas = snowcanvas;
this.ctx = snowcanvas.getContext("2d");
/* 窗口大小改变的处理 */
window.onresize = function() {
snowcanvas.width = window.innerWidth;
/* snowcanvas.height = window.innerHeight */
}
}
/* 雪运动对象 */
function flakeMove(canvasWidth, canvasHeight, flakeSize, fallSpeed) {
this.x = Math.floor(Math.random() * canvasWidth); /* x坐标 */
this.y = Math.floor(Math.random() * canvasHeight); /* y坐标 */
this.size = Math.random() * flakeSize + 2; /* 形状 */
this.maxSize = flakeSize; /* 最大形状 */
this.speed = Math.random() * 1 + fallSpeed; /* 坠落速度 */
this.fallSpeed = fallSpeed; /* 坠落速度 */
this.velY = this.speed; /* Y方向速度 */
this.velX = 0; /* X方向速度 */
this.stepSize = Math.random() / 30; /* 步长 */
this.step = 0 /* 步数 */
}
flakeMove.prototype.update = function() {
var x = this.x,
y = this.y;
/* 左右摆动(余弦) */
this.velX *= 0.98;
if (this.velY <= this.speed) {
this.velY = this.speed
}
this.velX += Math.cos(this.step += .05) * this.stepSize;
this.y += this.velY;
this.x += this.velX;
/* 飞出边界的处理 */
if (this.x >= canvas.width || this.x <= 0 || this.y >= canvas.height || this.y <= 0) {
this.reset(canvas.width, canvas.height)
}
};
/* 飞出边界-放置最顶端继续坠落 */
flakeMove.prototype.reset = function(width, height) {
this.x = Math.floor(Math.random() * width);
this.y = 0;
this.size = Math.random() * this.maxSize + 2;
this.speed = Math.random() * 1 + this.fallSpeed;
this.velY = this.speed;
this.velX = 0;
};
// 渲染雪花-随机形状（此处可修改雪花颜色！！！）
flakeMove.prototype.render = function(ctx) {
var snowFlake = ctx.createRadialGradient(this.x, this.y, 0, this.x, this.y, this.size);
snowFlake.addColorStop(0, "rgba(255, 255, 255, 0.9)"); /* 此处是雪花颜色，默认是白色 */
snowFlake.addColorStop(.5, "rgba(255, 255, 255, 0.5)"); /* 若要改为其他颜色，请自行查 */
snowFlake.addColorStop(1, "rgba(255, 255, 255, 0)"); /* 找16进制的RGB 颜色代码。 */
ctx.save();
ctx.fillStyle = snowFlake;
ctx.beginPath();
ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
ctx.fill();
ctx.restore();
};
/* 创建雪花-定义形状 */
function createFlakes() {
var maxFlake = this.maxFlake,
flakes = this.flakes = [],
canvas = this.canvas;
for (var i = 0; i < maxFlake; i++) {
flakes.push(new flakeMove(canvas.width, canvas.height, this.flakeSize, this.fallSpeed))
}
}
/* 画雪 */
function drawSnow() {
var maxFlake = this.maxFlake,
flakes = this.flakes;
ctx = this.ctx, canvas = this.canvas, that = this;
/* 清空雪花 */
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (var e = 0; e < maxFlake; e++) {
flakes[e].update();
flakes[e].render(ctx);
}
/* 一帧一帧的画 */
this.loop = requestAnimationFrame(function() {
drawSnow.apply(that);
});
}
/* 调用及控制方法 */
var snow = new snowFall({maxFlake:500});
snow.start();
</script>
页脚 HTML 代码
<script src="https://blog-static.cnblogs.com/files/coldchair/鼠标烟花.js"></script>
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
<script src="https://blog-static.cnblogs.com/files/coldchair/代码复制1.js"></script>
<script src="https://blog-static.cnblogs.com/files/coldchair/code_copy2.js"></script>
转载注意标注出处：
转自Cold_Chair的博客+原博客地址
