zoukankan      html  css  js  c++  java

  • 小蒟蒻的blog美化汇总~

    小蒟蒻的第一篇blog，应众多某位dalao要求，决定汇总一下blog的美化(。・∀・)ノ

    1.0背景更换

    1.1首先选择你喜欢的皮肤~

    1.2然后在网上找一张你喜欢的图片把它存到相册里点开图片左下角有个original image点开它复制一下网址即可

    1.3上代码（页面定制）

    /*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://upload.cnblogs.com/will-crop-avatar/1389656/1389656-20180531192221239-157765120.jpg?id=1527765712574744) 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;
}

    找到这个地方

    把他换成你粘好的地址即可；

    如果想改透明度的小伙伴在home那改一下opacity即可

    然后禁用模板css那里不要选！！！

    参考

    2.0添加雪花特效

    2.1上代码（页面定制）

    /*雪花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;
}
/*雪花css  end*/

    2.2在博客栏侧边公告旁边申请js（一定要有js才可以哟（＞人＜；））

    2.3在侧边公告处粘代码

    <div class="Snow">
    <canvas id="Snow"></canvas>
</div>
<script src="https://files.cnblogs.com/files/cn-suqingnian/snow.js"></script>

    参考

    3.0添加背景动态特效

    可能是背景的原因看不太清QAQ，效果就是有一堆绕着鼠标走的线语文太差请原谅

    3.1上代码（页首html）

    <!-- 背景动画 -->
2 <script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="https://files.cnblogs.com/files/lfri/canvas-nest.js"></script>

    count代表线条总数量

    参考

    4.0鼠标点击特效

    4.1上代码（页脚html）

    <script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
        var $i = $("<span></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("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

    显而易见，小伙伴们可以把这里换成自己喜欢的东西，事实证明一些表情在台式机上看不到≡(▔﹏▔)≡

    参考

    5.0浏览器切换

    5.1上代码（页首html）

    <script>  
// 浏览器标题切换  
var OriginTitile = document.title;    // 保存之前页面标题  
var titleTime;  
document.addEventListener('visibilitychange', function(){  
    if (document.hidden){  
        document.title ='再见今天你好明天';  // 切出文字
        clearTimeout(titleTime);  
    }else{  
        document.title = '最好的时光遇到最好的你';  // 切入文字
        titleTime = setTimeout(function() {  
            document.title = OriginTitile;  
        }, 1000); // 2秒后恢复原标题  
    }  
});  
</script>

    把文字换成你想要的即可

    参考

    6.0每日一句

    6.1在网上拿一些sb文艺小句子

    6.2上代码（侧边栏）

    <meta charset="utf-8"/>
 
        <h4><center>每日一句</h4>
        <div class="daily a pome">
          <div class="daily pome" id="qwq"></div>
          <script>
              var st=["<center>不是我在最好的时光遇见了你<br> <center>而是因为你才有了最好的时光<br>",
                      "<center>你要做一个不动声色的大人了。<br><center>不准情绪化，不准偷偷想念，不准回头看。去过自己另外的生活。<br><center>你要听话，不是所有的鱼都会生活在同一片海里。<br>",
                      "<center>你知道<br><center>Nice to meet you<br><center>是什么意思么？<br><center>很高兴见到你呗<br><center>不啊，“有生之年，幸得相逢。”<br>",
                      "<center>我不喜欢光<br><center>却为了你追逐太阳<br>",
                      "<center>雨水落下来是因为天空无法承受它的重量，<br><center>眼泪掉下来是因为心再也无法承受那样的伤痛<br>",
                      "<center>同你人潮一相逢<br><center>便胜过人间无数<br>",
                      "<center>you have only one life and one chance to do all the things you want to do.<br>",
                      "<center>你就像桌上那份时事报,<br><center>当时读新鲜，以后读怀念<br><center>悲欢越来越远,<br><center>可还是会小心翼翼地折好，安放<br>",
                      "<center>你特别好，我喜欢你<br>",
                      "<center>君子世无双<br><center>陌上人如玉<br>",
                      "<center>it takes only a smile to make a darkday seem bright<br>",
                      "<center>我的青春有你<br><center>你的年少有我<br>",
                      "<center> 你来，容华不谢，桃花依旧。<br><center>你走，青丝寸白，一眼万年<br>",
                      "<center>用我一生,<br><center>换你十年天真。<br><center>忘了我吧，<br><center>吴邪。<br>",
                      "<center>太想摘取星星得人，<br><center>往往忽视了脚下得鲜花。<br>",
                      "<center> 无论发生什么，<br><center>希望你都不要后悔与我得相识。<br>",
                      "<center> 你是谁朝思暮想的笔尖少年，<br><center>在绝途的荒漠里辗转成歌<br>",
                      "<center> 未来不是被给予的，<br><center>而是自己争取的。 <br>",
                      "<center> 贼简单贼容易轻松加愉悦 <br>",
                      "<center> 走不尽的是流年<br><center> 望不断的是云烟<br>",
                      "<center> 谁的等待<br><center> 恰逢花开<br>",
                      "<center> 不是他，变成他<br>",
                      "<center> 也许我们都没有长大，<br><center> 只是世界变小了。<br>",
                      "<center> Time waits for no one.<br>",
                      "<center> 和绝望，<br><center> 和睦相处<br>"];
              var num;
              num=Math.floor((Math.random()*25));
              document.write(st[num]);
              var cli;
              
          </script>
          <div style="font-size: 1em; text-align: center; line-height: 1.5em; display: none; " id="qwq"></div>
          <div style="text-align: right;  margin-top: 15px; font-size: 0.9em; color: #666; display: none; " id="qwq"></div>
        </div>

    改文字即可

    参考

    7.0改代码颜色

    7.1上代码（页面定制）

    /*代码高亮*/
figure.highlight {
  background: #eee;
  border: 1px solid #ddd;
  margin-top: 15px;
  padding: 7px 15px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 0 1px #eee ;
  line-height: 1.6;
  overflow: auto;
  position: relative;
  font-size: 0.9em; 
}
figure.highlight figcaption {
  color: #999;
  margin-bottom: 5px;
  text-shadow: 0 0 1px #eee ;
}
figure.highlight figcaption a {
  position: absolute;
  right: 15px;
}
figure.highlight pre {
  border: none;
  padding: 0;
  margin: 0;
}
figure.highlight table {
  margin-top: 0;
  border-spacing: 0;
}
figure.highlight .gutter {
  color: #999;
  padding: 7px 10px 7px 5px !important;
  border-right: 1px solid #ddd;
  text-align: right;
}
figure.highlight .code {
  padding: 7px 7px 7px 10px !important;
  border-left: 1px solid #fff;
  color: #666;
}
/*下面是各种代码的颜色*/
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title {
  color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl,
pre .literal,
pre .id {
  color: #268bd2;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #b58900;
}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}
.feedbackListSubtitle { position: relative;}
.feedbackManage {width: 160px;position: absolute;right: 0;text-align: right;}
.cnblogs_code_toolbar {display: none;}
#cnblogs_post_body {overflow: hidden;}
#cnblogs_post_body ol { padding-left: 40px;}
#cnblogs_post_body ul { margin-left: 35px;}
.fixedReadRank { position: fixed; top: 20px; width: 270px; }
.fixedRecRank { position: fixed; top: 360px; width: 270px; }
figure.highlight { margin-top: 0; padding: 0;}
figure table {width: 100%; margin: 0 !important;}
#cnblogs_post_body pre { padding: 0; }
#cnblogs_post_body th, #cnblogs_post_body td { padding: 0; }
.cnblogs_code pre { padding: 7px 15px !important; background: #f5f5f5;border: 0;margin-top: 0;}
.cnblogs_code th {border: 1px solid silver; padding: 3px;}
.cnblogs_code { padding: 0;}

    7.2代码（侧边栏）

    <script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"> </script>
     
    <script type="text/javascript">
    !function(){var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
    (function(){function S(a){function d(e){var b=e.charCodeAt(0);if(b!==92)return b;var a=e.charAt(1);return(b=r[a])?b:"0"<=a&&a<="7"?parseInt(e.substring(1),8):a==="u"||a==="x"?parseInt(e.substring(2),16):e.charCodeAt(1)}function g(e){if(e<32)return(e<16?"\x0":"\x")+e.toString(16);e=String.fromCharCode(e);return e==="\"||e==="-"||e==="]"||e==="^"?"\"+e:e}function b(e){var b=e.substring(1,e.length-1).match(/\u[dA-Fa-f]{4}|\x[dA-Fa-f]{2}|\[0-3][0-7]{0,2}|\[0-7]{1,2}|\[Ss]|[^\]/g),e=[],a=
    b[0]==="^",c=["["];a&&c.push("^");for(var a=a?1:0,f=b.length;a<f;++a){var h=b[a];if(/\[bdsw]/i.test(h))c.push(h);else{var h=d(h),l;a+2<f&&"-"===b[a+1]?(l=d(b[a+2]),a+=2):l=h;e.push([h,l]);l<65||h>122||(l<65||h>90||e.push([Math.max(65,h)|32,Math.min(l,90)|32]),l<97||h>122||e.push([Math.max(97,h)&-33,Math.min(l,122)&-33]))}}e.sort(function(e,a){return e[0]-a[0]||a[1]-e[1]});b=[];f=[];for(a=0;a<e.length;++a)h=e[a],h[0]<=f[1]+1?f[1]=Math.max(f[1],h[1]):b.push(f=h);for(a=0;a<b.length;++a)h=b[a],c.push(g(h[0])),
    h[1]>h[0]&&(h[1]+1>h[0]&&c.push("-"),c.push(g(h[1])));c.push("]");return c.join("")}function s(e){for(var a=e.source.match(/[(?:[^\]]|\[Ss])*]|\u[dA-Fa-f]{4}|\x[dA-Fa-f]{2}|\d+|\[^dux]|(?[!:=]|[()^]|[^()[\^]+/g),c=a.length,d=[],f=0,h=0;f<c;++f){var l=a[f];l==="("?++h:"\"===l.charAt(0)&&(l=+l.substring(1))&&(l<=h?d[l]=-1:a[f]=g(l))}for(f=1;f<d.length;++f)-1===d[f]&&(d[f]=++x);for(h=f=0;f<c;++f)l=a[f],l==="("?(++h,d[h]||(a[f]="(?:")):"\"===l.charAt(0)&&(l=+l.substring(1))&&l<=h&&
    (a[f]="\"+d[l]);for(f=0;f<c;++f)"^"===a[f]&&"^"!==a[f+1]&&(a[f]="");if(e.ignoreCase&&m)for(f=0;f<c;++f)l=a[f],e=l.charAt(0),l.length>=2&&e==="["?a[f]=b(l):e!=="\"&&(a[f]=l.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return a.join("")}for(var x=0,m=!1,j=!1,k=0,c=a.length;k<c;++k){var i=a[k];if(i.ignoreCase)j=!0;else if(/[a-z]/i.test(i.source.replace(/\u[da-f]{4}|\x[da-f]{2}|\[^UXux]/gi,""))){m=!0;j=!1;break}}for(var r={b:8,t:9,n:10,v:11,
    f:12,r:13},n=[],k=0,c=a.length;k<c;++k){i=a[k];if(i.global||i.multiline)throw Error(""+i);n.push("(?:"+s(i)+")")}return RegExp(n.join("|"),j?"gi":"g")}function T(a,d){function g(a){var c=a.nodeType;if(c==1){if(!b.test(a.className)){for(c=a.firstChild;c;c=c.nextSibling)g(c);c=a.nodeName.toLowerCase();if("br"===c||"li"===c)s[j]="
",m[j<<1]=x++,m[j++<<1|1]=a}}else if(c==3||c==4)c=a.nodeValue,c.length&&(c=d?c.replace(/
?/g,"
"):c.replace(/[	

 ]+/g," "),s[j]=c,m[j<<1]=x,x+=c.length,m[j++<<1|1]=
    a)}var b=/(?:^|s)nocode(?:s|$)/,s=[],x=0,m=[],j=0;g(a);return{a:s.join("").replace(/
$/,""),d:m}}function H(a,d,g,b){d&&(a={a:d,e:a},g(a),b.push.apply(b,a.g))}function U(a){for(var d=void 0,g=a.firstChild;g;g=g.nextSibling)var b=g.nodeType,d=b===1?d?a:g:b===3?V.test(g.nodeValue)?a:d:d;return d===a?void 0:d}function C(a,d){function g(a){for(var j=a.e,k=[j,"pln"],c=0,i=a.a.match(s)||[],r={},n=0,e=i.length;n<e;++n){var z=i[n],w=r[z],t=void 0,f;if(typeof w==="string")f=!1;else{var h=b[z.charAt(0)];
    if(h)t=z.match(h[1]),w=h[0];else{for(f=0;f<x;++f)if(h=d[f],t=z.match(h[1])){w=h[0];break}t||(w="pln")}if((f=w.length>=5&&"lang-"===w.substring(0,5))&&!(t&&typeof t[1]==="string"))f=!1,w="src";f||(r[z]=w)}h=c;c+=z.length;if(f){f=t[1];var l=z.indexOf(f),B=l+f.length;t[2]&&(B=z.length-t[2].length,l=B-f.length);w=w.substring(5);H(j+h,z.substring(0,l),g,k);H(j+h+l,f,I(w,f),k);H(j+h+B,z.substring(B),g,k)}else k.push(j+h,w)}a.g=k}var b={},s;(function(){for(var g=a.concat(d),j=[],k={},c=0,i=g.length;c<i;++c){var r=
    g[c],n=r[3];if(n)for(var e=n.length;--e>=0;)b[n.charAt(e)]=r;r=r[1];n=""+r;k.hasOwnProperty(n)||(j.push(r),k[n]=q)}j.push(/[Ss]/);s=S(j)})();var x=d.length;return g}function v(a){var d=[],g=[];a.tripleQuotedStrings?d.push(["str",/^(?:'''(?:[^'\]|\[Ss]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\]|\[Ss]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\]|\[Ss])*(?:'|$)|"(?:[^"\]|\[Ss])*(?:"|$))/,q,"'""]):a.multiLineStrings?d.push(["str",/^(?:'(?:[^'\]|\[Ss])*(?:'|$)|"(?:[^"\]|\[Ss])*(?:"|$)|`(?:[^\`]|\[Ss])*(?:`|$))/,
    q,"'"`"]):d.push(["str",/^(?:'(?:[^

'\]|\.)*(?:'|$)|"(?:[^

"\]|\.)*(?:"|$))/,q,""'"]);a.verbatimStrings&&g.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var b=a.hashComments;b&&(a.cStyleComments?(b>1?d.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):d.push(["com",/^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)|[^

]*)/,q,"#"]),g.push(["str",/^<(?:(?:(?:../)*|/?)(?:[w-]+(?:/[w-]+)+)?[w-]+.h(?:h|pp|++)?|[a-z]w*)>/,q])):d.push(["com",
    /^#[^

]*/,q,"#"]));a.cStyleComments&&(g.push(["com",/^//[^

]*/,q]),g.push(["com",/^/*[Ss]*?(?:*/|$)/,q]));if(b=a.regexLiterals){var s=(b=b>1?"":"

")?".":"[\S\s]";g.push(["lang-regex",RegExp("^(?:^^\.?|[+-]|[!=]=?=?|\#|%=?|&&?=?|\(|\*=?|[+\-]=|->|\/=?|::?|<<?=?|>>?>?=?|,|;|\?|@|\[|~|{|\^\^?=?|\|\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*("+("/(?=[^/*"+b+"])(?:[^/\x5B\x5C"+b+"]|\x5C"+s+"|\x5B(?:[^\x5C\x5D"+b+"]|\x5C"+
    s+")*(?:\x5D|$))+/")+")")])}(b=a.types)&&g.push(["typ",b]);b=(""+a.keywords).replace(/^ | $/g,"");b.length&&g.push(["kwd",RegExp("^(?:"+b.replace(/[s,]+/g,"|")+")\b"),q]);d.push(["pln",/^s+/,q," 
	u00a0"]);b="^.[^\s\w.$@'"`/\\]*";a.regexLiterals&&(b+="(?!s*/)");g.push(["lit",/^@[$_a-z][w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][w$@]*|w+_t)/,q],["pln",/^[$_a-z][w$@]*/i,q],["lit",/^(?:0x[da-f]+|(?:d(?:_d+)*d*(?:.d*)?|.d+)(?:e[+-]?d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\[Ss]?/,
    q],["pun",RegExp(b),q]);return C(d,g)}function J(a,d,g){function b(a){var c=a.nodeType;if(c==1&&!x.test(a.className))if("br"===a.nodeName)s(a),a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)b(a);else if((c==3||c==4)&&g){var d=a.nodeValue,i=d.match(m);if(i)c=d.substring(0,i.index),a.nodeValue=c,(d=d.substring(i.index+i[0].length))&&a.parentNode.insertBefore(j.createTextNode(d),a.nextSibling),s(a),c||a.parentNode.removeChild(a)}}function s(a){function b(a,c){var d=
    c?a.cloneNode(!1):a,e=a.parentNode;if(e){var e=b(e,1),g=a.nextSibling;e.appendChild(d);for(var i=g;i;i=g)g=i.nextSibling,e.appendChild(i)}return d}for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),d;(d=a.parentNode)&&d.nodeType===1;)a=d;c.push(a)}for(var x=/(?:^|s)nocode(?:s|$)/,m=/
?|
/,j=a.ownerDocument,k=j.createElement("li");a.firstChild;)k.appendChild(a.firstChild);for(var c=[k],i=0;i<c.length;++i)b(c[i]);d===(d|0)&&c[0].setAttribute("value",d);var r=j.createElement("ol");
    r.className="linenums";for(var d=Math.max(0,d-1|0)||0,i=0,n=c.length;i<n;++i)k=c[i],k.className="L"+(i+d)%10,k.firstChild||k.appendChild(j.createTextNode("u00a0")),r.appendChild(k);a.appendChild(r)}function p(a,d){for(var g=d.length;--g>=0;){var b=d[g];F.hasOwnProperty(b)?D.console&&console.warn("cannot override language handler %s",b):F[b]=a}}function I(a,d){if(!a||!F.hasOwnProperty(a))a=/^s*</.test(d)?"default-markup":"default-code";return F[a]}function K(a){var d=a.h;try{var g=T(a.c,a.i),b=g.a;
    a.a=b;a.d=g.d;a.e=0;I(d,b)(a);var s=/MSIEs(d+)/.exec(navigator.userAgent),s=s&&+s[1]<=8,d=/
/g,x=a.a,m=x.length,g=0,j=a.d,k=j.length,b=0,c=a.g,i=c.length,r=0;c[i]=m;var n,e;for(e=n=0;e<i;)c[e]!==c[e+2]?(c[n++]=c[e++],c[n++]=c[e++]):e+=2;i=n;for(e=n=0;e<i;){for(var p=c[e],w=c[e+1],t=e+2;t+2<=i&&c[t+1]===w;)t+=2;c[n++]=p;c[n++]=w;e=t}c.length=n;var f=a.c,h;if(f)h=f.style.display,f.style.display="none";try{for(;b<k;){var l=j[b+2]||m,B=c[r+2]||m,t=Math.min(l,B),A=j[b+1],G;if(A.nodeType!==1&&(G=x.substring(g,
    t))){s&&(G=G.replace(d,"
"));A.nodeValue=G;var L=A.ownerDocument,o=L.createElement("span");o.className=c[r+1];var v=A.parentNode;v.replaceChild(o,A);o.appendChild(A);g<l&&(j[b+1]=A=L.createTextNode(x.substring(t,l)),v.insertBefore(A,o.nextSibling))}g=t;g>=l&&(b+=2);g>=B&&(r+=2)}}finally{if(f)f.style.display=h}}catch(u){D.console&&console.log(u&&u.stack||u)}}var D=window,y=["break,continue,do,else,for,if,return,while"],E=[[y,"auto,case,char,const,default,double,enum,extern,float,goto,inline,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
    "catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],M=[E,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,delegate,dynamic_cast,explicit,export,friend,generic,late_check,mutable,namespace,nullptr,property,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],N=[E,"abstract,assert,boolean,byte,extends,final,finally,implements,import,instanceof,interface,null,native,package,strictfp,super,synchronized,throws,transient"],
    O=[N,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,internal,into,is,let,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var,virtual,where"],E=[E,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],P=[y,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
    Q=[y,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],W=[y,"as,assert,const,copy,drop,enum,extern,fail,false,fn,impl,let,log,loop,match,mod,move,mut,priv,pub,pure,ref,self,static,struct,true,trait,type,unsafe,use"],y=[y,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],R=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)d*)/,
    V=/S/,X=v({keywords:[M,O,E,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",P,Q,y],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),F={};p(X,["default-code"]);p(C([],[["pln",/^[^<?]+/],["dec",/^<!w[^>]*(?:>|$)/],["com",/^<!--[Ss]*?(?:-->|$)/],["lang-",/^<?([Ss]+?)(?:?>|$)/],["lang-",/^<%([Ss]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",
    /^<xmp[^>]*>([Ss]+?)</xmp[^>]*>/i],["lang-js",/^<script[^>]*>([Ss]*?)(</script[^>]*>)/i],["lang-css",/^<style[^>]*>([Ss]*?)(</style[^>]*>)/i],["lang-in.tag",/^(</?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);p(C([["pln",/^s+/,q," 	
"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,""'"]],[["tag",/^^</?[a-z](?:[w-.:]*w)?|/?>$/i],["atn",/^(?!style[s=]|on)[a-z](?:[w:-]*w)?/i],["lang-uq.val",/^=s*([^s"'>]*(?:[^s"'/>]|/(?=s)))/],["pun",/^[/<->]+/],
    ["lang-js",/^onw+s*=s*"([^"]+)"/i],["lang-js",/^onw+s*=s*'([^']+)'/i],["lang-js",/^onw+s*=s*([^s"'>]+)/i],["lang-css",/^styles*=s*"([^"]+)"/i],["lang-css",/^styles*=s*'([^']+)'/i],["lang-css",/^styles*=s*([^s"'>]+)/i]]),["in.tag"]);p(C([],[["atv",/^[Ss]+/]]),["uq.val"]);p(v({keywords:M,hashComments:!0,cStyleComments:!0,types:R}),["c","cc","cpp","cxx","cyc","m"]);p(v({keywords:"null,true,false"}),["json"]);p(v({keywords:O,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:R}),
    ["cs"]);p(v({keywords:N,cStyleComments:!0}),["java"]);p(v({keywords:y,hashComments:!0,multiLineStrings:!0}),["bash","bsh","csh","sh"]);p(v({keywords:P,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),["cv","py","python"]);p(v({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:2}),["perl","pl","pm"]);p(v({keywords:Q,
    hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb","ruby"]);p(v({keywords:E,cStyleComments:!0,regexLiterals:!0}),["javascript","js"]);p(v({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,throw,true,try,unless,until,when,while,yes",hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);p(v({keywords:W,cStyleComments:!0,multilineStrings:!0}),["rc","rs","rust"]);
    p(C([],[["str",/^[Ss]+/]]),["regex"]);var Y=D.PR={createSimpleLexer:C,registerLangHandler:p,sourceDecorator:v,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ",prettyPrintOne:D.prettyPrintOne=function(a,d,g){var b=document.createElement("div");b.innerHTML="<pre>"+a+"</pre>";b=b.firstChild;g&&J(b,g,!0);K({h:d,j:g,c:b,i:1});
    return b.innerHTML},prettyPrint:D.prettyPrint=function(a,d){function g(){for(var b=D.PR_SHOULD_USE_CONTINUATION?c.now()+250:Infinity;i<p.length&&c.now()<b;i++){for(var d=p[i],j=h,k=d;k=k.previousSibling;){var m=k.nodeType,o=(m===7||m===8)&&k.nodeValue;if(o?!/^??prettify/.test(o):m!==3||/S/.test(k.nodeValue))break;if(o){j={};o.replace(/(w+)=([w%+-.:]+)/g,function(a,b,c){j[b]=c});break}}k=d.className;if((j!==h||e.test(k))&&!v.test(k)){m=!1;for(o=d.parentNode;o;o=o.parentNode)if(f.test(o.tagName)&&
    o.className&&e.test(o.className)){m=!0;break}if(!m){d.className+=" prettyprinted";m=j.lang;if(!m){var m=k.match(n),y;if(!m&&(y=U(d))&&t.test(y.tagName))m=y.className.match(n);m&&(m=m[1])}if(w.test(d.tagName))o=1;else var o=d.currentStyle,u=s.defaultView,o=(o=o?o.whiteSpace:u&&u.getComputedStyle?u.getComputedStyle(d,q).getPropertyValue("white-space"):0)&&"pre"===o.substring(0,3);u=j.linenums;if(!(u=u==="true"||+u))u=(u=k.match(/linenums(?::(d+))?/))?u[1]&&u[1].length?+u[1]:!0:!1;u&&J(d,u,o);r=
    {h:m,c:d,j:u,i:o};K(r)}}}i<p.length?setTimeout(g,250):"function"===typeof a&&a()}for(var b=d||document.body,s=b.ownerDocument||document,b=[b.getElementsByTagName("pre"),b.getElementsByTagName("code"),b.getElementsByTagName("xmp")],p=[],m=0;m<b.length;++m)for(var j=0,k=b[m].length;j<k;++j)p.push(b[m][j]);var b=q,c=Date;c.now||(c={now:function(){return+new Date}});var i=0,r,n=/lang(?:uage)?-([w.]+)(?!S)/,e=/prettyprint/,v=/prettyprinted/,w=/pre|xmp/i,t=/^code$/i,f=/^(?:pre|code|xmp)$/i,
    h={};g()}};typeof define==="function"&&define.amd&&define("google-code-prettify",[],function(){return Y})})();}()
    /*初始化prettyPrint*/
    jQuery(window).load(function(){
        jQuery("pre").addClass("prettyprint");
         prettyPrint();
    })
    </script>
    <style>
    /* Tomorrow Night Eighties Theme */
    /* Original theme - https://github.com/chriskempson/tomorrow-theme */
    /* css88 0.1*/
    /*
        代码框外边框。
    .prettyprint,pre.prettyprint {
        background-color: #fff;
        border: 1px solid #272822;
        overflow: hidden;
        padding: 0px;
        margin: 20px 0;
        font: 14px/20px 'courier new';
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    */
    /*
    行数与代码之间的横线。
    .prettyprint.linenums,
    pre.prettyprint.linenums {
      -webkit-box-shadow: inset 40px 0 0 #eee, inset 41px 0 0 #464741;
      -moz-box-shadow: inset 40px 0 0 #eee, inset 41px 0 0 #464741;
      box-shadow: inset 40px 0 0 #eee, inset 41px 0 0 #464741;
    }
*/

    .prettyprint.linenums ol,
    pre.prettyprint.linenums ol {
        margin: 0 0 0 10px;
        font-family:Lucida Handwriting, sans-serif;
    }
    .prettyprint.linenums ol li,

    pre.prettyprint.linenums ol li {
      padding-left: 5px;
      color: #8a8a97;
      line-height: 20px;
      margin-left: 0;
      list-style: decimal;
      font-family:Lucida Handwriting, sans-serif;
    }
    .prettyprint ol.linenums{ margin-bottom: 0;/*margin-bottom: -8px; margin-top:-8px; margin-right: -8px; position:relative;*/background-color: #272822; padding: 8px}
    .prettyprint .com { color: #93a1a1; }
    .prettyprint .lit { color: #AE81FF; }
    .prettyprint .pun,
    .prettyprint .opn,
    .prettyprint .clo { color: #F8F8F2; }
    .prettyprint .fun { color: #dc322f; }
    .prettyprint .str,
    .prettyprint .atv { color: #E6DB74; }
    .prettyprint .kwd,
    .prettyprint .tag { color: #F92659; }
    .prettyprint .typ,
    .prettyprint .atn,
    .prettyprint .dec,
    .prettyprint .var { color: #A6E22E; }
    .prettyprint .pln { color: #66D9EF; }
 
    </style>
    <script>
    $("pre").addClass("prettyprint linenums");
    prettyPrint();
    </script>

    我不会告诉你小姐姐的代码我没找到复制键粘了半天

    参考

    8.0光标修改

    8.1首先你需要一个毁图美图秀秀网页版

    • 新建一个画布64*64透明的；
    • 把它放大（随意）
    • 找一个你喜欢的箭头啥的装饰搞成这个样子
    • 保存成png格式
    • 在网上找一个png转ico格式的网站比如这个转成ico

    8.2 在博客里上传你的ico复制网址

          然后在css的body里加

    body {cursor: url(https://files.cnblogs.com/files/cn-suqingnian/1527300524.cur.ico/*地址是您要的鼠标图案网址.ico*/), auto;}

           即可

    参考

    9.0 2dlive板娘

    9.1戳这里下载

    9.2把这些上传到文件里

    9.3代码（页脚html）

    <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/cyuanwu/waifu.css"/>
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/cyuanwu/flat-ui.min.css"/>
 
<div class="waifu">
　　<div class="waifu-tips"></div>
　　<canvas id="live2d" width="280" height="250" class="live2d"></canvas>
　　<div class="waifu-tool">
　　　　<span class="fui-home"></span>
　　　　<span class="fui-chat"></span>
　　　　<span class="fui-eye"></span>
　　　　<span class="fui-user"></span>
　　　　<span class="fui-photo"></span>
　　　　<span class="fui-info-circle"></span>
　　　　<span class="fui-cross"></span>
　　</div>
</div>
        
<script src="https://blog-static.cnblogs.com/files/cyuanwu/waifu-tips.js"></script>
<script src="https://blog-static.cnblogs.com/files/cyuanwu/live2d.js"></script>
<script type="text/javascript">initModel()</script>

    把那些地址自己改了即可

    参考

    啦啦啦~撒花完结[]~(￣▽￣)~*
  • 相关阅读:
    WinDbg常用命令系列---线程相关操作~*
    WinDbg常用命令系列---?*
    使用WinDbg调试入门(内核模式)
    java基础-stringAPI
    springboot-集成WebSockets广播消息
    sprincloud-Feign配置二
    springcloud-Feign配置一
    springboot-集成jdbcTemplate
    spingboot2.x集成单元测试
    springboot跨域CORS处理
  • 原文地址：https://www.cnblogs.com/klmon666/p/10665191.html
Copyright © 2011-2022 走看看