美化博客园

美丽既正义

主题美化

首先感谢 临冬城城主 大佬 这是从他那学会的

1/n 准备工作

  1. 申请博客
  2. 在 博客 -> 管理 -> 设置 -> 博客侧边栏公告 旁点击 申请 js权限 (注: 说好话 尊敬管理员 一次不行就两次 两次不行就三次 总会通过的)

2/n 具体美化

  1. 博客皮肤 -> Custom

  2. 页面定制CSS代码: 复制下面的 黏贴

    1
    2
    
    @charset "utf-8";body{min-height:100%!important;color:#314659!important;font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif!important}a{transition:all .3s ease!important}a:hover{color:#2D8CF0!important;text-decoration:none!important}#ad_c1,#ad_c2,#ad_t2,#author_profile,#blogCalendar,#blogTitle h2,#comment_form_container p:nth-of-type(3),#green_channel,#homepage_top_pager,#sidebar_postarchive,#sidebar_recentcomments,#sidebar_recentposts,#sidebar_scorerank,#sidebar_search,#sidebar_shortcut,#sidebar_topcommentedposts,#under_post_kb,#under_post_news,.blogStats,.c_ad_block,.dayTitle{display:none}#home{width:100%}#header{width:960px;position:fixed;top:0;right:0;left:0;margin:0 auto;border-top:0;background:rgba(255,255,255,.95);border-bottom:1px #eef2f8 solid;padding-bottom:0;display:block;box-shadow:inset 0 -1px 0 rgba(255,255,255,.5);height:60px;z-index:941112}#header #blogTitle{position:relative;height:60px}#header #blogTitle h1{font-size:25px;font-family:Georgia;width:auto;margin-left:0;margin-top:12px;padding-left:15px}#header #blogTitle h1 a{color:#404040}#header #blogTitle h1 a:hover{color:#404040;text-decoration:none}#header #navigator{height:inherit;position:absolute;right:0;top:0;background-color:transparent;display:inline-block;z-index:999}#header #navList{height:inherit}#header #navList li{position:relative}#header #navList li:hover i{width:100%;left:0}#header #navList li #blog_nav_tags{display:none}#header #navList li i{width:0;height:4px;background-color:#2D8CF0;content:"";position:absolute;left:50%;bottom:0;transition:1s}#header #navList a:active,#header #navList a:link,#header #navList a:visited{font-size:16px;padding-top:0;border-right:0;color:#314659;display:block;font-weight:300;padding:20px 0;height:inherit;-webkit-transition:all .3s;transition:all .3s}#header #navList a:hover{background:0 0}#main{width:960px;margin:0 auto;min-height:750px;padding:70px 10px 0 10px;animation-name:fadeIn;animation-duration:1s;animation-iteration-count:1;-webkit-animation-name:fadeIn;-webkit-animation-duration:1s;-webkit-animation-iteration-count:1}#main #mainContent{background-color:transparent}#main #mainContent .forFlow{margin:0 auto;margin-left:0;max-width:960px}#main #mainContent .forFlow .c_b_p_desc a{border:1px solid;border-radius:3px;padding:2px 9px;font-size:13px;margin-top:10px;text-decoration:none;display:table;color:#314659;border-color:#314659}#main #mainContent .forFlow .c_b_p_desc a:after{content:' »'}#main #mainContent .forFlow .c_b_p_desc a:hover{color:#2D8CF0!important;border:1px solid #2D8CF0}#sideBar{border-right:1px solid #eef2f8;font-weight:300;display:none;min-height:750px;padding:0}#sideBar .newsItem{padding:0;color:#314659}#sideBar .newsItem #blog-news{font-size:15px;padding:0 0 0 20px}#sideBar .newsItem #blog-news a{color:#314659}.catListTitle{color:#314659;text-align:left;margin-top:25px;padding-left:23px;font-size:20px;font-weight:300;border-bottom:none}#sidebar_toptags .catListTitle{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACYElEQVQ4T63Uz2vUQBQH8PedtJoJ6AaEXkU9eChC/wMX7UFaqvTmSY8FKTks3UmKKIuHbrLpoS34owiKVCgFvYgHT2J/+Bu8CCIieFHB26J006KdJ1MaSbvZVMQcJ28+897Lm4D+8wPjRVF0GkClwGYAQbVafbnb+Ztgo9F4QkT3AbzN26C17iOiKwDKSqk3RWia4XNmrgZBsBLH8RlmXldKPcpubDQa55h5CkB/EboNBNBjOgDAtW37iOd537NoGIZnAVwrQreBlmU1tdYrRPQtSZLeWq32a2d5BhVCXNVal4MgaGtRW8lhGB5zHOeD53nrnXoVx/Gw1nqWmU/uRNvA3b5i+t6gzHxDCHF8bGzsfbr+z6ABwjAcBHDTsqwTKZqOzRIRLSqlLhVlGMfxIdM73/dvp3EGFULMbmxslMfHxz+mYB8zPzaz5vv+VB46MTFxwLKsVwBmlFLTaUytVtvjOM4zInqhlBrdBLfS7wWw3AmNomgewGelVDWLSSkfENG+7u7u/kqlkvwBU1QIYW7NZaXUdbMWx3EPM8+1Wq0h27alEOKO1tpbW1v7KqV8CGBvV1fXgMFM/DZw614fBWBmcRONomhaCPFudXV1znGcJWZ+7bqu12w27wHYb9v2qeyItYEZ1GR6USl1a2ttEcCXUql0vhOWm2Han3q9ftiyrKcGBbCgtb4gpZxJkuQuEZWklEN5w5+bYRYVQiwSUZAkybyUcsFgrusOjoyM/MybhkLQbJicnDyotV5m5k9E9MN13eFOWGHJ2dPNQDOz32q1RvN+GNnYXTP827udxv0GjLQoJE1niEMAAAAASUVORK5CYII=) no-repeat scroll 0 50%}#sidebar_categories .catListTitle{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABsUlEQVQ4T7WUv2sUURDHZ3gHyTWJgiiChfkDAraSRkSwEgSxUVBbEY7kYGfuGrXyduaBF/YfUIzVWRisrATt/Ass0qwGQVNYCPKOg30ju7Dh4o+wnpcph+98+MxjeAhzLpwzD44W6L0/H2N8gIiLDc1/AMA6Ee3U+QOGqvqu1Wpd7na7oQkwy7KFEMIbZl77DTgcDk9PJpMtZr7UBFZnVHW7KIr1fr+fl719Q1W9a2YLzLypqpsAcO4wsJltl1kRuWlmp3q93uMDQBF5jYh3iOjLvxhmWbYUQijhF/eBZXM8Hr8ioguqWpotN4EWRfGxXFVE3rbb7SudTud7tbL3/oaZnSWiRyLysAmsskHMiehpmqZd59xekiTPK6CIvACA+8z8oSlsOue9X4kxKjNfx9Fo5PI830PEa3+COefe12dkZigia8651nTWzBbNbBRCOIaDweC4c+7bIWa7ALCBiCdijPcQcfVvWTNbqlZW1a8AcHKWdadmPhPRmfoNXyLi1f8EPiOi27XhBgBUhzlrmdktZt6qgGmaLiNiCZ2pEPFTkiRPENGO9vuaSe+Xobkb/gRf5rE/cDQqhgAAAABJRU5ErkJggg==) no-repeat scroll 0 50%}#sidebar_topviewedposts .catListTitle{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACdklEQVQ4T62TO2hUQRSG/3+yPnYbUdTCRxsC2tqo0RAsRKJWgggK2vjAFMLeM8ua4qKY3Dt3RRAbUVB8FbFRjDYJImohKGilgkVAiRZa2Cwrkp0jE3ZDJJtdFQemmnO+c/5z/iH+82EnXhzHiwuFwoSq/qjVagNxHP9sl9MR6Jw7AmBIVZeQPC0i1/8ZqKp0zr0neRGAUdWTItJDUheCtu0wy7K93vtrJPd776dIPlPVg6VS6eE/AdM0fUnyAcnn1Wr1aT6fHyLZJyJ9HYHDw8Orcrlcj/c+SOoBsAHAFu99nzFmp7X23MjIyHJjzMdQQFXfqup7Y0y474rF4rdQZEZymqZjJPsBfFbVIG0KwCdVvQvghDFmMIqiaoitVCqb6vX6PpJrAYS7RlXXkxwXkT0zQOfcF1V9IiIHwsCTJNlMcifJAslHURQ9XkhiY3F3SPaKyLoZYKNqSBprQjv5M7w3YQAGurq6+ovF4svZLf8tdHR0tGtycvIWyV3GmB0BNjvDZjdNKMnbInKsXZdpml4luQ/AdhF504yd50Pn3ACAeyKSawd0zgVz7xaRsblx84BZlh3w3pettRs7AF957y+XSqUrbYHOuUsAFonI0Q7Ac6raba0NsmdPK8mvAVwQkRsNS20HcB6AB3CmKTFJkm3GmPtRFK2Y+7d/A8ZxvDSfz1dJdnvvgwczkltV9SzJuqoOAfgAYLBWq70qFArfVXWHtfZFy6U453pVdQLATZKHAFybnp4eKpfLX0NCkiTLjDEC4JSqPm38lpsi4loCK5XKynq9PkEyVD5urX3Xao5Zlq1W1TOqejiY2lo7vqBt/uSHtIv5BUgWLSTesGdcAAAAAElFTkSuQmCC) no-repeat scroll 0 50%}#sidebar_topdiggedposts .catListTitle{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAB30lEQVQ4T8WUP4hTQRDGv2+TWnKIzaEictpaKHpwjWBhJSKeAS1OFEPwH4Ihu0m3ICRv3zOcRFCvEQQ5OMVCELQSQTkbq7NRsPFPLxYxL+rbkQeneBHNe0Fwq1125jffzM4O8Y8Xf+UFQbC5UChszRMjSZKPxpgVkpL6/QQGQbBDKfUYwMs8QAAbAdzQWl8eBpaVUrNa63IeYBAEFaXUbq115f8BnXMnAMwYY04Nq8+tsNvtrovj+C2AT977041G4+HQQ2ZL2Tk3DWCe5B4RWQLwgORtAK9IXqnX6wspOLPCKIoOeu8XRWR/HMfL1lrvnJsE8AjAC2PMyVzA1DgMwwsA5rTWO9Ozc84CmC6VSgeq1erX3EDn3D6Sl0RkEcA2AN9IUmt98UcdM6e8qvAIgCUReQLgA4DDAO4ZY+bGAqZOnU5nU61We5/u2+32xGAwGFhrP48NHPVrcqWcwlqt1oZisVgRkS2pYGPM63H7cBeAcwCOknwuIu9IlkVkWSl1tdfr3U9baZTCYyTveO/Pk9wO4FaSJNeazeabVbXrlVLHSZ4FUCR5XUSE5NRvwyEMwxkAzwA8FZGFfr9/11r75U81jKJor/e+SvIQgDNa65trps2o4me9XzOxszr9ze47G1oTJM2fqf0AAAAASUVORK5CYII=) no-repeat scroll 0 50%}#sidebar_categories li,#sidebar_toptags li{font-size:15px;height:40px;margin:0;padding-left:23px;padding-right:15px;line-height:42px;color:#314659;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebar_topdiggedposts li,#sidebar_topviewedposts li{margin:8px 0;font-size:15px;padding-left:23px;padding-right:15px;color:#314659;text-align:justify}#sidebar_topdiggedposts li a:active,#sidebar_topdiggedposts li a:hover,#sidebar_topdiggedposts li a:link,#sidebar_topdiggedposts li a:visited,#sidebar_topviewedposts li a:active,#sidebar_topviewedposts li a:hover,#sidebar_topviewedposts li a:link,#sidebar_topviewedposts li a:visited{color:#314659;text-align:justify}#sidebar_categories li>a:active,#sidebar_categories li>a:link,#sidebar_categories li>a:visited,#sidebar_toptags li>a:active,#sidebar_toptags li>a:link,#sidebar_toptags li>a:visited{color:#314659;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebar_categories li:hover,#sidebar_toptags li:hover{margin-left:10px;background-color:#f7f7f7;border-radius:5px;margin:0 5px;font-size:17px}#myposts .myposts_title,#taglist_title,.PostListTitle,.entrylistTitle,.thumbTitle{padding-bottom:3px;padding-right:10px;width:100%;color:#314659;text-align:left;border-bottom:0!important;font-size:23px;font-weight:300}#myposts{margin-left:0}#myposts .PostList{font-size:13px;font-weight:300;border-bottom:1px solid #eef2f8;padding:6px 0 10px 0;margin-right:0}#myposts .pager:first-of-type{display:none}#myposts a:link,#myposts a:visited{color:#314659}.day,.entrylistItem{width:auto;border-bottom:1px solid #eef2f8;padding:10px 0 15px 0;text-align:justify}.day .postSeparator{margin-top:15px;margin-bottom:25px;border-top:1px solid #eef2f8}.entrylistPosttitle,.postTitle{font-size:15px;font-weight:300;border-bottom:none!important;font-family:Lato,"Microsoft Jhenghei","Hiragino Sans GB","Microsoft YaHei",sans-serif!important}.postTitle{padding-left:15px!important;font-size:22px!important}.entrylistPosttitle{padding-left:0!important;font-size:22px!important}.entrylistPosttitle>a:active,.entrylistPosttitle>a:link,.entrylistPosttitle>a:visited,.postTitle>a:active,.postTitle>a:link,.postTitle>a:visited{font-size:20px;font-weight:700;color:#2c3e50;-webkit-transition:all .3s;transition:all .3s}.entrylistPosttitle>a:hover,.postTitle>a:hover{color:#2D8CF0}.postBody{padding:5px 15px;line-height:1.5;color:#314659;border-bottom:1px solid #eef2f8}.postBody a:active,.postBody a:link,.postBody a:visited{color:#2D8CF0;text-decoration:none}.postBody ol li,.postBody ul li{margin:5px 0;font-size:15px;color:#314659}.postBody ol li p,.postBody ul li p{margin:0!important}.entrylistPostSummary,.postCon{font-size:16px;font-weight:300;color:#314659;font-family:inherit}.entrylistPostSummary .c_b_p_desc img,.postCon .c_b_p_desc img{height:100px;margin-left:10px}#cnblogs_post_body h1{font-size:22px;font-family:Lato,"Microsoft Jhenghei","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;color:#2c3e50;margin:15px 0}#cnblogs_post_body h2{font-size:20px;font-family:Lato,"Microsoft Jhenghei","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;color:#2c3e50;margin:15px 0}#cnblogs_post_body h3{font-size:18px;font-family:Lato,"Microsoft Jhenghei","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;color:#2c3e50;margin:15px 0}#cnblogs_post_body h4,#cnblogs_post_body h5,#cnblogs_post_body h6{font-size:16px;font-family:Lato,"Microsoft Jhenghei","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;color:#2c3e50;margin:15px 0}#cnblogs_post_body p{font-size:15px!important;color:#314659;line-height:1.7;font-weight:400;margin:15px auto}#cnblogs_post_body blockquote{border:none;padding:0 0 0 10px;min-height:30px;background:0 0;border-left:4px solid #ebedf0}#cnblogs_post_body em{padding-right:3px}#cnblogs_post_body img{max-width:930px;display:block;margin:0 auto}#cnblogs_post_body table{font-size:13px;border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #e9e9e9;width:100%;margin-bottom:24px}#cnblogs_post_body table th{font-family:inherit;font-size:inherit;background:#f7f7f7;white-space:nowrap;color:#5c6b77;font-weight:600;border:1px solid #e9e9e9;padding:8px 16px}#cnblogs_post_body table td{border:1px solid #e9e9e9;padding:8px 16px}#cnblogs_post_body h1 code,#cnblogs_post_body h2 code,#cnblogs_post_body h3 code,#cnblogs_post_body h4 code,#cnblogs_post_body h5 code,#cnblogs_post_body h6 code,#cnblogs_post_body li code,#cnblogs_post_body p code,#cnblogs_post_body table code{color:#314659;line-height:1;font-family:consolas!important;vertical-align:middle;margin:0 3px;background:#f2f4f5;font-size:14px!important;padding:.2em .3em!important;border-radius:3px!important;border:1px solid #eee!important}#cnblogs_post_body .cnblogs_code{background-color:#f2f4f5!important;padding-left:1em;padding-right:1em;border:none!important;border-radius:3px!important}#cnblogs_post_body .cnblogs_code img{display:inline;width:auto}#cnblogs_post_body .cnblogs_code pre span{font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important}#cnblogs_post_body .cnblogs_code .cnblogs_code_collapse{padding:4px 3px 3px 3px;border:1px solid #d0d0d0;border-radius:2px}#BlogPostCategory a{margin-left:5px}#footer{border-top:1px solid #eef2f8;font-weight:300}#footer div{margin:5px auto}#footer:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB+UlEQVRIS72UP4sTURTFzxmDGrGYL2Blo2Blo4gIuoW6+K8QBAsJC1uIybwXrIX5AJK8N6MIihiwEMHCFdbCvyAsWivYWfkFEhBjsZkjs+yum5BksrtZXzXMu+/83n3n3kvs8OIO6+P/AyqVyt4wDG8DuCTpIIAPkh4kSfJxY7ZRFJ0meRPAGZI/JC10Op1Gq9X6szGuL4NqtXqoVCq9AXBg8OkkPep2u7fy/+Vy+T7J+SHP+7PX651L0/T72l4fwBizRPLEKF8kvQawh+TMGO++hWF4NI7j5TxmHVCv1y9KejUN07Msm0uS5EkfwBjTIFmfBgBA6pyLBgGLJGenBFh0zl3oA1hr7wFYMXEKq+GcyyvxnwfW2jkAj6cgDkmXvfcrfq6bHMdxqd1ufwVweJuQJefcyaFlGkXREZKfSe7fCkTSryzLjo3sg1y0VqsdD4LgPcl9m4FI+p1l2Uyapl9GdvLahjHmFMm3AHZPApGUj4ez3vtPg/Ejh10URbNBECwAKBVAlkmebzab74bFjZ2m1torkl6Q3DXssKQeyavOuZejLlE4ro0x1wA8IzkYm0m67r1/Pi7DQkB+2BgzT/LhgNAN59zTIo8mAqxCqiTT/FtSzXufd37hmhiQK1lr7wDoOufuFiqvBmwKMKloYR9sRWjLVbRd2F/t8awZAq/aHAAAAABJRU5ErkJggg==)}.cnblogs-markdown pre{white-space:pre!important;position:relative!important}.cnblogs-markdown .hljs{display:block;color:#333;overflow-x:auto;background:#F2F4F5!important;border:none!important;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace!important;padding:1em!important;font-size:14px!important}.hljs-comment,.hljs-meta{color:#969896}.hljs-emphasis,.hljs-quote,.hljs-string,.hljs-strong,.hljs-template-variable,.hljs-variable{color:#df5000}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#a71d5d}.hljs-attribute,.hljs-bullet,.hljs-literal,.hljs-symbol{color:#0086b3}.hljs-name,.hljs-section{color:#63a35c}.hljs-tag{color:#333}.hljs-attr,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-title{color:#795da3}.hljs-addition{color:#55a532;background-color:#eaffea}.hljs-deletion{color:#bd2c00;background-color:#ffecec}.hljs-link{text-decoration:underline}#taglist_main{margin-top:0}#taglist_main table{width:100%}#taglist_main table tr td{padding:5px 20px 5px 0}#taglist_main table tr td .small{display:none}#taglist_main table tr td a{display:inline-block;font-size:12px;line-height:1;padding:5px;margin:0;width:100%;text-align:center;border:1px solid #e0e0e0;border-radius:2px;color:rgba(0,0,0,.65);background-color:rgba(255,255,255,.97)}#taglist_main table tr td a:hover{color:#2D8CF0!important;border:1px solid #2D8CF0;text-decoration:none}.topicListFooter{margin-right:0}#nav_next_page,.pager{margin-right:0;color:#515a6e}#nav_next_page a,.pager a{padding:3px 7px;border:1px solid #dcdee2;border-radius:4px;font-family:Monospaced Number;margin:0 3px;text-decoration:none;color:#515a6e;transition:border .2s ease-in-out,color .2s ease-in-out}#nav_next_page a:hover,.pager a:hover{color:#2D8CF0;border:1px solid #2D8CF0}.pager span.current{padding:3px 7px;border:1px solid #fff;border-radius:4px;font-family:Monospaced Number;margin:0 3px;text-decoration:none;background-color:#2D8CF0}.esa-clipboard-button{font-size:12px;cursor:pointer;position:absolute;right:6px;top:6px;box-shadow:0 0 15px 0 rgba(0,0,0,.1);color:#5e6687;padding:0 6px;border-radius:5px}.esa-toolbar{position:fixed;display:grid;z-index:999;bottom:30px;right:30px}.esa-toolbar .esa-toolbar-contents,.esa-toolbar .esa-toolbar-follow,.esa-toolbar .esa-toolbar-gotop{height:45px;width:45px;font-weight:400;position:relative;outline:0;cursor:pointer;border:1px solid transparent;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;margin-top:5px;color:#515a6e;border-color:#dcdee2;background-color:#fff;background-position:center;background-repeat:no-repeat}.esa-toolbar .esa-toolbar-contents .tips,.esa-toolbar .esa-toolbar-follow .tips,.esa-toolbar .esa-toolbar-gotop .tips{position:absolute;left:-60px;top:15px;display:none;color:#9daab6;font-size:12px}.esa-toolbar .esa-toolbar-contents:hover,.esa-toolbar .esa-toolbar-follow:hover,.esa-toolbar .esa-toolbar-gotop:hover{color:#2D8CF0;border-color:#2D8CF0}.esa-toolbar .esa-toolbar-gotop{display:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAACL0lEQVRIS+3TwWvTUBwH8O/vJSLrFBURFPSkoIiCVz3IilObFA/aNR0yEEk6EXfxH1D0L5DdyroMHaJL1a1Ikw3H6kVBHHjyIKKgMEQmbOqsTpv8JOkmna4mvQyRvVv4/fL78L7vPcIKLFoBA6tIUyn/e3H1F+xjYB4B8EyGp53RTkxF2VLkneQLTieYBwmQ/cEMfgsJh41U8k0YFAnJW3YPAb2Afxv5CZj2gdAK8BQgjuia8uJvUCiSt+wrBFxaGOJ8WYeTsQr2kscTAG1k5g+eJLV1dySeN4IaIsxMpuXkQMjW4kFh55aW0/F4vOp/D9wZ2+N67gQB25h5RmJx/Gyn8nQ5aFmk17bXtn7mGyDSAoBh6ppiEBHXDzFvje3wpADaxcAcGAkjoz76HfoDyVkPNsj44QA4GDQzrukZ9WKjKK7fG99crX4vA9gP8FePhJpNKw/r+5cgfXft7cLFOIDdCxFdNjT1atjt6S8W12NeHgXoEAPzgEgZWqK0+N8vZMAqHfAAB6CtzOwBlDUyqhkGLNYt63HLJ8zaBLQxUCWQpmvKsF8PEHNotN0jt0igGBjfIHBKT6t+ZE0t/yxjc3yfQEcBdplEl5FWblOfZWcE+CZAEgMfSXC73pGcbGp6XXMuN7lG3vR+GKBkcGeIz1N+qDRIRF1RH1YUvFwuy6+nKyM1iGepluVMtytJ1rlU4l2UIVF6fOjVdOUCs3gZ+uKjDAzrWUXCElpS/3/i+gn3gM6tu0xSdwAAAABJRU5ErkJggg==)}.esa-toolbar .esa-toolbar-contents{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAuUlEQVRIS2NkoANgpIMdDPSxZO6qbQeQffOf+X98SrD3w0WLdnL/5vi7lRo+ZZy7att/ZIMYGRi0k8K8rs1ctZufheH3B6pYMnv1dgdkg/5x/DmV7uv7bdWqVcwfGXltqWIJNQwhZAZ9Ip6QK6ghP4x8Mnfl1gaUJMzIODUpzOv1pG3b2Lk//6+kSnDRJZ/QxSfUCA5CZgyj1EXIq9SQp09w0aUUpk8+oUelRY2IJWQGfSKekCuoIQ8At39XNxqN1mQAAAAASUVORK5CYII=)}.esa-toolbar .esa-toolbar-follow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAsUlEQVRIS2NkIAHMXbU98D/D/zn/GRlTU0M91xGrlZFYhSB1c1Zu62RkZChj+M/QmxzuVUKs3lFLRoOLcFoZTV30ySdzV29zY2BgtGT494+ghf8ZGF0YGRmskXP8pG3b2Lm/MqQx/PsvjBGrTEz/Gf8xHmWcs3LrC0ZGRnHC0Y6kAqlYmbNyqx0jI+NBnPr/M/xgpKlPwDYzPiUYRMguHE3Co8E1WtQTzvPDJ5+Q2+4CADezs7EkSK8aAAAAAElFTkSuQmCC)}.esa-follow-button{z-index:999;display:none;position:fixed;bottom:30px;right:30px;height:45px;width:45px;font-weight:400;outline:0;cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;border-radius:50px;color:#515a6e;background-color:#fff;border-color:#dcdee2}.esa-follow-button:hover{color:#2D8CF0;border-color:#2D8CF0;background-color:#fff}.esa-mobile-menu{display:none;position:fixed;top:7px;right:15px;z-index:941113;font-size:1.5em;cursor:pointer;color:#7f7f7f}.esa-mobile-menu:after{content:'\2630';font-size:1.5em;font-family:fontello}.esa-catalog{position:fixed;top:120px;right:1px;width:auto;height:auto;background-color:#fff;z-index:999999}.esa-catalog-title{cursor:move;padding-left:12px;width:100%;height:35px;line-height:36px;border-bottom:1px solid #eef2f8;font-size:12px;font-weight:600;color:#9daab6}.esa-catalog-title:before{content:'☲';margin-right:5px}.esa-catalog-close{position:absolute;right:15px;top:10px;cursor:pointer;color:#9daab6}.esa-catalog-contents{overflow:hidden;display:none;color:#314659;border:1px solid #eef2f8;border-radius:3px;min-width:150px;opacity:1;font-size:inherit;background-color:#fff;z-index:19941112}.esa-catalog-contents ul{padding:10px 15px;max-height:350px;overflow-y:auto}.esa-catalog-contents ul li{margin-top:5px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:#74818D}.esa-catalog-contents ul li a:hover{color:#2D8CF0;text-decoration:none}.esa-catalog-contents ul li .level1{margin-left:0}.esa-catalog-contents ul li .level2{margin-left:10px}.esa-catalog-contents ul li .level3{margin-left:26px}.esa-anchor{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:8px}.esa-post-signature{padding:12px 24px 12px 30px;margin-top:15px;margin-left:5px;border-left-width:4px;font-size:15px;line-height:2;border-left-style:solid;background-color:#f8f8f8;position:relative;border-bottom-right-radius:2px;border-top-right-radius:2px;border-left-color:#f66;z-index:1}.esa-post-signature:before{content:"!";background-color:#f66;position:absolute;top:25px;left:-12px;color:#fff;width:20px;height:20px;border-radius:100%;text-align:center;line-height:20px;font-weight:700;font-size:14px}.esa-post-signature a{color:#314659!important}.esa-layer{position:fixed;top:5px;text-align:center;line-height:25px;font-size:15px;font-family:inherit;width:100%;display:none;z-index:9999999}.esa-layer-content{position:relative;background:rgba(0,0,0,.7);max-width:250px;padding:3px 9px;font-size:13px;border-radius:5px;color:#FFF;display:inline-block}.esa-reward{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;padding-bottom:30px;background:#fff;box-shadow:0 0 0 2000px rgba(0,0,0,.65);border-radius:4px;z-index:1000000}.esa-reward h2{text-align:center;font-size:20px;color:#314659;font-weight:400;margin:20px 0 10px 0}.esa-reward p{text-align:center}.esa-reward .esa-reward-container{margin:0 30px;text-align:center}.esa-reward .alipay,.esa-reward .wechat{position:relative;display:inline-block;width:200px;height:200px;padding:10px;border:2px solid #2D8CF0;border-radius:10px;box-sizing:border-box;margin:10px}.esa-reward .alipay:after,.esa-reward .wechat:after{content:'';position:absolute;left:30px;bottom:-10px;color:#314659;background:#fff;padding:0 10px;font-size:16px;width:auto;text-align:center}.esa-reward .alipay img,.esa-reward .wechat img{width:100%;width:170px;height:170px}.esa-reward .alipay:after{content:'支付宝,扫一扫'}.esa-reward .wechat:after{content:'微信,扫一扫'}.esa-reward-close{position:absolute;font-size:15px;color:#314659;top:7px;right:10px;cursor:pointer}.esa-reward-close:hover{transition:all .2s;color:#2D8CF0}.esa-reward-close:active{transition:all .2s;color:#2D8CF0}#div_digg{position:static;float:none;margin:75px auto;z-index:-1;width:370px}#div_digg .buryit,#div_digg .diggit,#div_digg .favorite,#div_digg .reward{background:#FFF;margin:0;display:inline-block;width:auto;height:32px;border-width:0;cursor:pointer;color:#fff;user-select:none;padding:0 10px;border-radius:5px;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear}#div_digg .favorite{background-color:#2db7f5;border-color:#2db7f5;margin:0 5px}#div_digg .favorite:hover{background-color:#57c5f7;border-color:#57c5f7}#div_digg .reward{background-color:#e13d13;border-color:#e13d13;margin:0 5px}#div_digg .reward:hover{background-color:#f16643;border-color:#f16643}#div_digg .diggit{background-color:#18b566;border-color:#18b566}#div_digg .diggit:hover{background-color:#47cb89;border-color:#47cb89}#div_digg .buryit{background-color:#f90;border-color:#f90}#div_digg .buryit:hover{background-color:#ffad33;border-color:#ffad33}#div_digg .buryit .burynum,#div_digg .diggit .diggnum,#div_digg .favorite .favoritenum,#div_digg .reward .rewardnum{color:snow;display:inline-block;font-size:15px;position:relative;top:5px;width:65px}#div_digg .favorite .favoritenum:before{content:'收藏';font-size:15px}#div_digg .reward .rewardnum:before{content:'赞赏';font-size:15px}#div_digg .diggit .diggnum:before{content:'推荐';font-size:15px;margin-right:5px}#div_digg .buryit .burynum:before{content:'反对';font-size:15px;margin-right:5px}.feedbackItem .feedbackListSubtitle{color:transparent}.feedbackItem .louzhu{background:#687a86!important;color:#fff;border-radius:2px;margin:0 2px;padding:0 6px 2px 6px!important}.feedbackItem .comment_date{color:#666}.feedbackItem .comment_quote{border:1px dashed #ccc;border-radius:5px}#comment_nav{visibility:hidden}.feedbackCon{background:0 0;padding:10px 0 10px 0;border-bottom:1px solid #eef2f8}.feedbackCon .esa-comment-avatar{float:left;margin-right:10px}.feedbackCon .esa-comment-avatar img{border-radius:50%;transition:all .5s ease-out;-webkit-transition:all .6s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out}.feedbackCon .esa-comment-avatar img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg)}.feedbackCon .blog_comment_body{border-radius:5px;padding:8px;margin-top:5px;margin-right:10px;margin-left:6px;font-size:13px;display:block;color:#434b69;background-color:rgba(193,193,193,.2);width:auto}.feedbackCon .comment_vote{margin-top:12px}.feedback_area_title{border-bottom:1px solid #eef2f8;margin-bottom:15px}.commentbox_title_left,div.commentform p{display:none}.commentbox_title_right{height:25px;float:left}#comments_pager_top{display:none}#commentbox_opt{display:block!important}div.commentform textarea{width:100%!important;height:200px!important;border:1px solid #eef2f8;border-radius:6px;padding:5px;font-family:inherit;font-size:14px;resize:none;box-sizing:border-box}div.commentform textarea:focus{outline:0}div.commentform textarea:hover{border-color:#2D8CF0}#btn_comment_submit{width:auto;height:auto;border-width:0;cursor:pointer;color:#fff;background-color:#2D8CF0;border-color:#2D8CF0;user-select:none;padding:5px 20px;font-size:12px;border-radius:5px;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear}#btn_comment_submit:hover{color:#fff;background-color:#57a3f3;border-color:#57a3f3}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border-radius:1px;box-shadow:inset 0 0 5px #314659;background:#314659}::-webkit-scrollbar-track{background:0 0;border-radius:1px}::-moz-selection,::selection{color:#2D8CF0}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@media screen and (min-width:768px) and (max-width:980px){#blog-comments-placeholder,#comment_form{padding:10px;margin-left:0}}@media only screen and (max-width:767px){#home{font-size:12px!important}#mainContent .forFlow{padding-top:15px}#sideBar,.esa-catalog,.postDesc{display:none}.postBody{padding:0!important}#main{margin-top:60px;padding:0 15px!important}#topics .postTitle{padding-left:0!important;padding-top:10px}#cnblogs_post_body table{display:table!important}#cnblogs_post_body img{width:100%;max-width:none!important}#comment_nav,#commentbox_main{margin:0}#comment_form{padding:5px;margin-left:0}.esa-mobile-menu{display:block}.forFlow{margin-right:0;margin-left:0!important}#header{width:auto}#header #navigator{display:none;width:100%;margin-top:60px}#navList{width:inherit}#navList li{float:none}#navList li #blog_nav_tags{display:block!important}#navList a:active,#navList a:link,#navList a:visited{width:100%;background-color:#2c3e50;color:#fff!important;padding:15px 0}#navList a:hover{color:#2D8CF0;background-color:#2c3e50!important}.feedbackItem .feedbackManage{width:auto}.github-corner{display:none}}@media only screen and (max-width:410px){#div_digg{display:grid;width:100%}#div_digg .buryit,#div_digg .diggit,#div_digg .favorite,#div_digg .reward{margin:5px 0}}
    .postCon {display: none},
    
  3. 不要! 不要! 不要! 点击禁用模板默认CSS

  4. 博客侧边栏公告 复制下面的

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    
    <script src="https://blog-static.cnblogs.com/files/borber/font-awsome.js"></script>
    <script type="text/javascript">
        $.silence({catalog: {
                enable: true,
                move: true,
                index: true,
                level1: 'h2',
                level2: 'h3',
                level3: 'h4',
            },});
    </script>
       
    <script type="text/javascript">
    (function(window,document,undefined){
            var hearts = [];
            window.requestAnimationFrame = (function(){
                    return window.requestAnimationFrame ||
                               window.webkitRequestAnimationFrame ||
                               window.mozRequestAnimationFrame ||
                               window.oRequestAnimationFrame ||
                               window.msRequestAnimationFrame ||
                               function (callback){
                                       setTimeout(callback,1000/60);
                               }
            })();
            init();
            function init(){
                    css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}");
                    attachEvent();
                    gameloop();
                       
            }
            function gameloop(){
                    for(var i=0;i<hearts.length;i++){
                        if(hearts[i].alpha <=0){
                                document.body.removeChild(hearts[i].el);
                                hearts.splice(i,1);
                                continue;
                        }
                        hearts[i].y--;
                        hearts[i].scale += 0.004;
                        hearts[i].alpha -= 0.013;
                        hearts[i].el.style.cssText = "left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color;
                }
                requestAnimationFrame(gameloop);
            }
            function attachEvent(){
                    var old = typeof window.onclick==="function" && window.onclick;
                    window.onclick = function(event){
                            old && old();
                            createHeart(event);
                    }
            }
            function createHeart(event){
                var d = document.createElement("div");
                d.className = "heart";
                hearts.push({
                        el : d,
                        x : event.clientX - 5,
                        y : event.clientY - 5,
                        scale : 1,
                        alpha : 1,
                        color : randomColor()
                });
                document.body.appendChild(d);
        }
        function css(css){
                var style = document.createElement("style");
                    style.type="text/css";
                    try{
                        style.appendChild(document.createTextNode(css));
                    }catch(ex){
                        style.styleSheet.cssText = css;
                    }
                    document.getElementsByTagName('head')[0].appendChild(style);
        }
            function randomColor(){
                    return "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")";
            }
    })(window,document);
    </script>
    
  5. 页脚HTML代码 复制下面的

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    
    <script src="https://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>
    <!-- 右下角live2d效果 -->
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
       
    <script>
        L2Dwidget.init({
            "model": {
                jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
                "scale": 1
            },
            "display": {
                "position": "right",
                "width": 150,
                "height": 300,
                "hOffset": 0,
                "vOffset": -20
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
            }
        });
    </script>
    <script type="text/javascript" language="javascript">
      //Setting ico for cnblogs
      var linkObject = document.createElement('link');
      linkObject.rel = "shortcut icon";
      linkObject.href = "https://blog-static.cnblogs.com/files/borber/favicon.ico";
      document.getElementsByTagName("head")[0].appendChild(linkObject);
    </script>
    
  6. 博客 -> 管理 -> 选项 中

    1. 默认编辑器 -> markdown

    2. 控件选择器 去掉勾就不会显示了 博客菜单中 不想要的按钮 在此去掉 下附我的选择

    截图

加载评论