默认皮肤是darkgreentrip
CSS:
1 #home { 2 margin: 0 auto; 3 width: 80%;/*原始65*/ 4 min-width: 980px;/*页面顶部的宽度*/ 5 background-color: rgba(245, 245, 245, 0.7); 6 padding: 30px; 7 margin-top: 50px; 8 margin-bottom: 50px; 9 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); 10 } 11 body { 12 background: rgba(12, 100, 129, 1) url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560359022734&di=161cae6f44d23736862e64c75a83b426&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201508%2F28%2F20150828044909_n4tTX.jpeg') fixed no-repeat; 13 background-position: 50% 5%; 14 background-size: cover; 15 } 16 #blogTitle { 17 height: 100px; /*高度*/ 18 clear: both; 19 background-color: rgba(245, 245, 245, 0); 20 } 21 #blogTitle h1 { 22 font-size: 36px; 23 font-weight: bold; 24 line-height: 1.8em;/*原始 1.6em*/ 25 margin-top: 10px;/*原始 15px */ 26 color: #548B54; 27 } 28 #blogTitle h2 { 29 font-weight: normal; 30 font-size: 17px;/*原始 16px ;font-size: 1.0rem;*/ 31 line-height: 1.8; 32 color: #111; 33 font-weight: bold; 34 text-align: right; 35 float: right; 36 } 37 #navigator{ 38 background-color: rgba(133, 160, 139, 0.9); 39 } 40 #navList a:link, #navList a:visited, #navList a:active{ 41 color: #eee; 42 font-size: 18px; 43 font-weight: bold; 44 } 45 .blogStats{ 46 color: #eee; 47 } 48 .postTitle { 49 border-left: 8px solid rgba(130, 160, 139, 0.68); 50 margin-left: 10px; 51 margin-bottom: 10px; 52 font-size: 20px; 53 float: right; 54 width: 100%; 55 clear: both; 56 } 57 .postTitle a:link, .postTitle a:visited, .postTitle a:active { 58 color: #21759b; 59 transition: all 0.4s linear 0s; 60 } 61 .postTitle a:hover { 62 margin-left: 30px; 63 color: #0f3647; 64 text-decoration: none; 65 } 66 .postCon { 67 float: right; 68 line-height: 1.5em; 69 width: 100%; 70 clear: both; 71 padding: 10px 0; 72 } 73 74 .day .postTitle a { 75 padding-left: 10px; 76 } 77 .day { 78 background: rgba(255, 255, 255, 0.5); 79 } 80 /*文章附加信息*/ 81 .postDesc { 82 background: url(images/posted_time.png) no-repeat 0 1px; 83 color: #757575; 84 float: left; 85 width: 100%; 86 clear: both; 87 text-align: left; 88 font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; 89 font-size: 13px; 90 padding-right: 20px;/*5px padding-left: 90px;posted 发表时间左边距离*/ 91 margin-top: 20px; 92 line-height: 1.8; 93 padding-bottom: 35px; 94 } 95 96 .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, 97 .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, 98 .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory ,#blog-calendar 99 { 100 background: rgba(255, 255, 255, 0.5); 101 margin-bottom: 35px; 102 word-wrap: break-word; 103 } 104 105 .CalTitle{ 106 background: rgba(255, 255, 255, 0); 107 } 108 .catListTitle{ 109 background-color: rgba(130, 160, 139, 0.9); 110 } 111 112 #topics{ 113 background: rgba(255, 255, 255, 0.5); 114 } 115 116 .c_ad_block{ 117 display: none; 118 } 119 120 #tbCommentBody{ 121 width: 100%; 122 height: 200px; 123 background: rgba(255, 255, 255, 0.5); 124 } 125 126 #q{background: rgba(255, 255, 255, 0);} 127 128 .CalNextPrev{background: rgba(255, 255, 255, 0);} 129 130 .cnblogs_code{ 131 background: rgba(255, 255, 255, 0); 132 } 133 134 .cnblogs_code div{ 135 background: rgba(255, 255, 255, 0); 136 } 137 138 .cnblogs_code_toolbar{ 139 background: rgba(255, 255, 255, 0); 140 } 141 #main{min-width: 640px;} 142 .entrylist{ 143 background: rgba(255, 255, 255, 0.5); 144 } 145 .git-link { 146 z-index: 100; 147 position: fixed; 148 top: 0; 149 right: 0; 150 border: 0; 151 height: 149px; 152 width: 149px; 153 transform: rotate(90deg); 154 -webkit-transform: rotate(90deg); 155 -moz-transform: rotate(90deg); 156 -o-transform: rotate(90deg); 157 -ms-transform: rotate(90deg); 158 background-image: url(//images2015.cnblogs.com/blog/459873/201603/459873-20160317090540131-1089895320.png); 159 } 160 161 canvas#live2dcanvas { 162 border: 0 !important; 163 left: 2; 164 }
Live2D插件:
<script src="https://blog-static.cnblogs.com/files/yyhh/L2Dwidget.min.js"></script>
<script type="text/javascript">
L2Dwidget.init();
</script>
页首GitHub:
其中一部分在CSS文件中
<a class="git-link" href="https://github.com/chelegen"></a>
页面CSS来自于:https://www.cnblogs.com/Penn000/p/6947472.html
Live2D 插件来自于:https://github.com/xiazeyu/live2d-widget.js
侵删-
转载于:https://www.cnblogs.com/pipemm/articles/11016422.html