Blog skin. . .

The default skin is darkgreentrip

CSS:

  . 1  #home {
   2      margin : 0 Auto ;
   . 3      width : 80% ; / * original 65 * / 
  . 4      min-width : 980px ; / * the width of the top of the page * / 
  . 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: # 757 575 ;
 84      a float : left ;
 85      width : 100% ;
 86      Clear : both ;
 87      text-align = left : left ;     
 88      font-Family : "Microsoft elegant black", "Times New Roman", "bold", Arial ;
 89      font -size : 13px ;
 90      padding-right : 20px ; / * 5px padding-left: 90px; left post posted distance * / 
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 plug-ins:

<script src="https://blog-static.cnblogs.com/files/yyhh/L2Dwidget.min.js"></script>

<script type="text/javascript">
L2Dwidget.init();
</script>

 

Top GitHub:

Part in the CSS file

<a class="git-link" href="https://github.com/chelegen"></a>

 

 

CSS from the page: https: //www.cnblogs.com/Penn000/p/6947472.html

Live2D plug-in from: https: //github.com/xiazeyu/live2d-widget.js

 

Invasion deleted -

Reproduced in: https: //www.cnblogs.com/pipemm/articles/11016422.html