feat: new color schemes 新主题配色方案

Background image, transparent, color…

package.json

@@ -9,13 +9,17 @@
     "hexo": "^3.1.0",
     "hexo-deployer-git": "0.0.4",
     "hexo-generator-archive": "^0.1.2",
+    "hexo-generator-baidu-sitemap": "^0.1.1",
     "hexo-generator-category": "^0.1.2",
     "hexo-generator-index": "^0.1.2",
+    "hexo-generator-seo-friendly-sitemap": "0.0.9",
     "hexo-generator-sitemap": "^1.0.1",
     "hexo-generator-tag": "^0.1.1",
     "hexo-renderer-ejs": "^0.1.0",
     "hexo-renderer-marked": "^0.2.4",
     "hexo-renderer-stylus": "^0.3.0",
-    "hexo-server": "^0.1.2"
+    "hexo-server": "^0.1.2",
+    "hexo-tag-bilibili": "^0.2.1",
+    "hexo-tag-vine": "^0.1.0"
   }
 }

themes/Yilia/layout/_partial/article.ejs

@@ -86,8 +86,8 @@
 <% } %>
 
 <div>
-<a href="#top" style="color:white"><span class="scrolling-button" id="toTop">↑</span></a>
+<a href="#top" style="color:white" title="回页面顶部"><span class="scrolling-button" id="toTop">↑</span></a>
 </div>
 <div>
-<a href="#footer" style="color:white"><span class="scrolling-button" id="toBottom">↓</span></a>
+<a href="#footer" style="color:white" title="到页面底部"><span class="scrolling-button" id="toBottom">↓</span></a>
 </div>

themes/Yilia/source/css/_partial/archive.styl

@@ -139,3 +139,10 @@
     }
   }
 }
+
+.archives-wrap {
+  background: rgba(255,255,255,.4);
+  .archives {
+    background: transparent;
+  }
+}

themes/Yilia/source/css/_partial/article.styl

@@ -448,7 +448,7 @@ body {
   a {
     color: gray;
     &:visited {
-      color: #88acdb
+      color: rgba(244, 131, 133, 1);
     } 
   }
   a:hover {
@@ -491,12 +491,14 @@ body {
   font-size:1.5em;
   font-family: Calibri;
   text-align: center;
-  background:lightgray; 
+  background:rgba(215, 216, 215, .1); 
   position: fixed;
   cursor: pointer;
   color: #fff;
   right: 1px;
-  opacity:0.6;
+  &:hover {
+    background:rgba(215, 216, 215, 1); 
+  };
 }
 
 #toTop {
@@ -509,18 +511,18 @@ body {
 
 /*When reference list is the last order list of the article, 
   line color will be interlaced.*/
-.article-entry > ol:last-child > li:nth-child(2n){
-  background: #F9FFF4;
-  &:hover {
-      background: #F0F0F0
-    };
-}
-
-.article-entry > ol:last-child > li {
-  word-break: break-all;
+.article-entry > ol:last-child {
+  > li:nth-child(2n) {
+    background: #F9FFF4;
+    &:hover {
+        background: #F0F0F0
+      };
+  };
+  > li {
+    word-break: break-all;
+  };
 }
 
-
 li:hover {
       background: #F0F0F0
     };
@@ -578,4 +580,49 @@ li:hover {
       text-decoration: underline;
     };
   }
-}
+}
+
+
+/*MOxFIVE's color schemes*/
+.article .article-inner{
+  margin-bottom: 0px;
+  padding-bottom: .5em;
+}
+.article {
+  background: rgba(255,255,255,.4);
+  border: none;
+}
+.copyright {
+  background-color: rgba(255,255,255,.3);
+}
+#article-nav {
+  background-color: rgba(158, 188, 226, .6);
+}
+.article-entry blockquote {
+  background: rgba(255,255,255,0.4);
+/*  border-left: 4px solid #cbe8f7;*/
+}
+li:hover {
+      background: rgba(158, 188, 226, .21);
+    }
+#toc {
+  background: none;
+}
+#tocButton {
+  background: none;
+}
+/*.article-entry .highlight {
+  background: none;
+}*/
+.article-entry > ol:last-child > li:nth-child(2n) {
+    background: rgba(158, 188, 226, .12);
+    &:hover {
+      background: ;
+    };
+  };
+ .article-entry h3 {
+    background: rgba(243, 248, 253, .6)
+    &::after {
+      content: " >";
+    };
+  }

themes/Yilia/source/css/_partial/highlight.styl

@@ -34,11 +34,11 @@ $line-numbers
     font-size: 1em
 
   code
-    background: color-background
-    text-shadow: 0 1px #fff
+    color: gray
+    background: rgba(248, 237, 223, .6)
     padding: 0 0.3em
-    border-radius: 3px
-    border: 1px solid #ccc;
+    border-radius: 5px
+
   pre
     @extend $code-block
     code
@@ -48,6 +48,10 @@ $line-numbers
   .highlight
     @extend $code-block
     border-radius: 5px
+    max-height: 50em
+    margin-top: .5em
+    margin-bottom: 1em
+    overflow: auto
     pre
       border: none
       margin: 0

themes/Yilia/source/css/_partial/main.styl

@@ -338,4 +338,26 @@
 		border: 2px solid lightgray;
 		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 	};
-}
+}
+
+
+/*MOxFIVE's color schemes*/
+body {
+	background: url(/resources/bg12.jpg) fixed;
+    background-size:cover;
+}
+#container .left-col {
+	background-color: rgba(255,255,255,.85);
+}
+#container .mid-col {
+	background-color: rgba(255,255,255,.8);
+}
+.overlay {
+	opacity: 0;
+}
+.player {
+	opacity: 0.5;
+}
+.player:hover {
+	opacity: .9;
+};

themes/Yilia/source/js/main.js

@@ -112,7 +112,7 @@ require([], function (){
 	var colorList = ["#6da336", "#ff945c", "#66CC66", "#99CC99", "#CC6666", "#76becc", "#c99979", "#918597", "#4d4d4d"];
 	var id = Math.ceil(Math.random()*(colorList.length-1));
 	//移动页面
-	$("#container #mobile-nav .overlay").css({"background-color": colorList[id],"opacity": 1});
+	$("#container #mobile-nav .overlay").css({"background-color": colorList[id],"opacity": .7});
 	//PC页面
-	$("#container .left-col .overlay").css({"background-color": colorList[id],"opacity": 1});
+	$("#container .left-col .overlay").css({"background-color": colorList[id],"opacity": .3});
 });