主题美化

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

1/n 准备工作

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

2/n 具体美化

博客皮肤 -> Custom

页面定制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},

不要! 不要! 不要! 点击禁用模板默认CSS

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

 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>

页脚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>

博客 -> 管理 -> 选项中
1. 默认编辑器 -> markdown
2. 控件选择器去掉勾就不会显示了博客菜单中不想要的按钮在此去掉下附我的选择

美化博客园

主题美化

1/n 准备工作

2/n 具体美化