样式布局优化

themes/yilia/layout/_partial/article.ejs

@@ -4,7 +4,8 @@
       <header class="article-header">
         <%- partial('post/title', {class_name: 'article-title'}) %>
         <% if (!post.noDate){ %>
-        <%- partial('post/date', {class_name: 'archive-article-date', date_format: null}) %>
+        <%- partial('post/date', {class_name: 'archive-article-date', 
+          date_format: config.date_format+(post.excerpt && index ? '':' '+config.time_format)}) %>
         <% } %>
       </header>
     <% } %>
@@ -13,8 +14,8 @@
         <%- post.excerpt %>
       <% } else { %>
         <div class="post-count">
-          <div>总字数<span><%= wordcount(post.content) %></span></div>
-          <div>预计阅读<span><%= min2read(post.content) %></span>分钟</div>
+          <div class="count-item">总字数 <span><%= wordcount(post.content) %></span></div> | 
+          <div class="count-item">预计阅读时间 <span><%= min2read(post.content) %></span> 分钟</div>
         </div>
         <%- post.content %>
       <% } %>

themes/yilia/layout/_partial/script.ejs

@@ -1,4 +1 @@
-<%- js('js/main.47daecb9041cfca058ea.js') %>
-<%- js('js/slider.ef2aa12e396cdf8555f9.js') %>
-<%- js('js/mobile.97141e5b049f95a96735.js') %>
-<%- js('js/comment.8959a0e1c58f06787797.js') %>
+<%- js('js/mobile.97141e5b049f95a96735.js') %> <%- js('js/slider.ef2aa12e396cdf8555f9.js') %> <%- js('js/comment.e65925a3c976563ac8b7.js') %> <%- js('js/main.47daecb9041cfca058ea.js') %>

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

@@ -1,6 +1,6 @@
 .article-inner {
 	p {
-	    margin: 0 0 1.75em;
+	  margin: 0 0 1.75em;
 	}
 }
 
@@ -65,13 +65,22 @@
 }
 
 .article-inner h1:first-child{
-  margin-bottom: 10px;
   display: inline;
 }
 .article-entry{
   line-height: 1.8em;
   padding-right: 7.6923%;
   padding-left: 7.6923%;
+  .post-count {
+    color: rgb(185, 185, 185);
+    font-size: 14px;
+    .count-item {
+      display: inline-block;
+      span {
+        font-weight: bold;
+      }
+    }
+  }
   p{
     margin-top: 10px;
   }

themes/yilia/source-src/css/core/_animation.scss

@@ -375,4 +375,16 @@
     animation-duration: .8s;
     animation-fill-mode: both;
     animation-name: smallleftOut;
+}
+// 头像旋转动画
+@keyframes profilepic {
+    0% {
+        transform: rotate(360deg);
+    }
+    100% {
+        transform: rotate(0deg);
+    }
+}
+%picRotate {
+    animation: profilepic 5s linear infinite;
 }

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

@@ -98,6 +98,9 @@
 			-webkit-box-pack: center;
 			-webkit-box-align: center;
 			text-align: center;
+			&:hover {
+				@extend %picRotate;
+			}
 			img{
 				border-radius: 300px;
 				width: 100%;