配色方案调整

.gitignore

@@ -11,5 +11,6 @@ public/
 themes/yilia/source/css/
 themes/yilia/source/js/
 themes/yilia/source/fonts/
+themes/yilia/source/images/
 themes/yilia/layout/_partial/css.ejs
 themes/yilia/layout/_partial/script.ejs

themes/yilia/layout/_partial/archive-post.ejs

@@ -5,7 +5,7 @@
 	      	<%- partial('post/date', {class_name: 'archive-article-date', date_format: null}) %>
         </div>
     	 <%- partial('post/title', {class_name: 'archive-article-title'}) %>
-        <div class="article-info info-on-right">
+        <div class="article-info">
           <%- partial('post/tag') %>
           <%- partial('post/category') %>
         </div>

themes/yilia/layout/_partial/head.ejs

@@ -5,16 +5,16 @@
   <%
   var title = page.title;
   if (is_archive()){
-    title = 'Archives';
+    title = __('archives');
     if (is_month()){
       title += ': ' + page.year + '/' + page.month;
     } else if (is_year()){
       title += ': ' + page.year;
     }
   } else if (is_category()){
-    title = 'Category: ' + page.category;
+    title = __('category') + ': ' + page.category;
   } else if (is_tag()){
-    title = 'Tag: ' + page.tag;
+    title = __('tag') + ': ' + page.tag;
   }
   %>
   <meta name="renderer" content="webkit">

themes/yilia/layout/_partial/post/category.ejs

@@ -4,7 +4,7 @@
 		<ul class="article-tag-list">
 			<% post.categories.forEach(function(category, i){ %> 
 				<li class="article-tag-list-item">
-					<a href="<%=url_for(category.path) %>" class="js-tag article-tag-list-link color<%= category.name.length % 5 + 1 %>"><%-category.name%></a>
+					<a href="<%=url_for(category.path) %>" class="js-tag article-tag-list-link color<%= category.name.length % 7 + 1 %>"><%-category.name%></a>
 				</li>
 			<% }) %>
 		</ul>

themes/yilia/layout/_partial/post/tag.ejs

@@ -4,7 +4,7 @@
 		<ul class="article-tag-list">
 			<% post.tags.forEach(function(tag, i){ %> 
 				<li class="article-tag-list-item">
-					<a href="<%= url_for(tag.path) %>" class="js-tag article-tag-list-link color<%= tag.name.length % 5 + 1 %>"><%-tag.name%></a>
+					<a href="<%= url_for(tag.path) %>" class="js-tag article-tag-list-link color<%= tag.name.length % 7 + 1 %>"><%-tag.name%></a>
 				</li>
 			<% }) %>
 		</ul>

themes/yilia/layout/_partial/tools.ejs

@@ -43,7 +43,7 @@
           <ul class="article-tag-list" v-show="showTags">
             <% site.tags.forEach(function(tag, i){ %> 
               <li class="article-tag-list-item">
-                <a href="javascript:void(0)" @click="chose('<%-tag.name%>','#')" class="js-tag color<%= tag.name.length % 5 + 1 %>"><%-tag.name%></a>
+                <a href="javascript:void(0)" @click="chose('<%-tag.name%>','#')" class="js-tag color<%= tag.name.length % 7 + 1 %>"><%-tag.name%></a>
               </li>
             <% }) %>
             <div class="clearfix"></div>
@@ -51,7 +51,7 @@
           <ul class="article-tag-list" v-show="showCategories">
             <% site.categories.forEach(function(category, i){ %> 
               <li class="article-tag-list-item">
-                <a href="javascript:void(0)" @click="chose('<%-category.name%>','$')" class="js-tag color<%= category.name.length % 5 + 1 %>"><%-category.name%></a>
+                <a href="javascript:void(0)" @click="chose('<%-category.name%>','$')" class="js-tag color<%= category.name.length % 7 + 1 %>"><%-category.name%></a>
               </li>
             <% }) %>
             <div class="clearfix"></div>

themes/yilia/layout/categories.ejs

@@ -16,12 +16,9 @@
   <% } %>
   <div class="tag-cloud">
     <%- tagcloud({
-      min_font: 16, 
+      min_font: 20, 
       max_font: 35, 
-      amount: 999, 
+      amount: 999
-      color: true, 
-      start_color: 'gray', 
-      end_color: 'black',
     }) %>
   </div>
 </article>

themes/yilia/source-src/css/archive.scss

@@ -4,6 +4,7 @@
   padding-right: 60px;
   border-bottom: 1px solid #eee;
   background: $colorBg;
+  @extend %trans;
   &:first-child{
     margin-top: 30px;
   }
@@ -35,6 +36,7 @@
     padding:20px 0;
     border-bottom: 1px solid #eee;
     border-top: 1px solid #fff;
+    transition: border-color 0.2s ease-in;
     position: relative;
     &:first-child{
       border-top: none;
@@ -79,17 +81,10 @@
     min-height: 36px;
   }
   .article-meta{
-    position: relative;
+    position: absolute;
-    float: right;
+    top: 10px;
-    margin-top: -10px;
+    .article-date time{
-    color: #555;
+      color: $colorA;
-    background: none;
-    text-align: right;
-    width: auto;
-    .article-date{
-      time{
-        color: $colorA;
-      }
     }
     .archive-article-date, .article-tag-list{
       margin-right: 30px;
@@ -101,9 +96,6 @@
     }
     .archive-article-date{
       cursor: default;
-      font-size: 12px;
-      margin-bottom: 5px;
-      margin-top: -10px;
       margin-right: 0;
     }
     .article-category{

themes/yilia/source-src/css/article-main.scss

@@ -49,9 +49,6 @@
 }
 
 .article-meta{
-  width: 150px;
-  font-size: 14;
-  text-align: right;
   position: absolute;
   right: 0;
   top: 23px;
@@ -86,10 +83,6 @@
     }
   }
 }
-.article-info.info-on-right{
-	margin: 10px 0 0 0;
-	float: right;
-}
 .article-info-index.article-info{
 	padding-top: 20px;
 	margin: 30px $articlePadding 0 $articlePadding;

themes/yilia/source-src/css/mobile.scss

@@ -244,9 +244,6 @@ html, body, #container {
   top: -30px;
   color: #aaa;
 }
-.info-on-right{
-  float: initial;
-}
 .archives-wrap{
   margin: 10px 10px 0px;
   padding: 10px;

themes/yilia/source-src/css/night.scss

@@ -73,4 +73,8 @@ body.night {
     background: $mainBg_night;
     color: #bf7676;
   }
+  // 分类列表
+  .category-list li.category-list-item {
+    border-color: $borderColor_night;
+  }
 }

themes/yilia/source-src/css/page/categories.scss

@@ -5,8 +5,12 @@
     display: inline-block;
     margin: 0 1em .5em 0;
     padding: 4px;
-    border: 1px solid #d3d3d3;
+    border: 1px solid $colorBorder;
     font-size: 1.2rem;
+    @extend %trans;
+    &:hover {
+      background:rgba(204, 204, 204, 0.3);
+    }
   }
 }
 .category-count {
@@ -22,5 +26,21 @@
   a {
     margin: 0 20px;
     word-break: keep-all;
+    position: relative;
+    &:hover::before {
+      width: 100%;
+      left: 0;
+      right: auto;
+    }
+    &::before {
+      content: "";
+      position: absolute;
+      width: 0;
+      right: 0;
+      bottom: 0;
+      height: 2px;
+      background: $colorLink;
+      transition: width .3s ease;
+    }
   }
 }

themes/yilia/source-src/css/tags.scss

@@ -39,38 +39,20 @@
       left: 2px;
     }  
   }
-  a.color1{
+  // 标签背景色
-    background:  #FF945C;
+  $tagcolorlist: #88acdb #ffa07a #f08080 #76becc #918597 #6fc0e4 #bc8f8f;
-    &::before{
+
-      border-right-color: #FF945C;  
+  @for $index from 1 to length($tagcolorlist)+1 {
-    }
+    a.color#{$index}{
-  }
+      background: nth($tagcolorlist,$index);
-  a.color2{
+      &::before{
-    background:  #cc8167;
+        border-right-color: nth($tagcolorlist,$index);  
-    &::before{
+      }
-      border-right-color: #cc8167;  
-    }
-  }
-  a.color3{
-    background:  #BA8F6C;
-    &::before{
-      border-right-color: #BA8F6C;  
-    }
-  }
-  a.color4{
-    background: #94635c;
-    &::before{
-      border-right-color:#94635c;  
-    }
-  }
-  a.color5{
-    background: #7B5D5F;
-    &::before{
-      border-right-color:#7B5D5F;  
     }
   }
 }
 
+
 .article-tag-list{
   .article-tag-list-item{
     float: left;