chore: adjust article tags position

layout/common/archive.ejs

@@ -14,7 +14,7 @@
             <section class="archives-wrap">
                 <div class="archives">
         <% } %>
-        <%- partial('archive-post', {post: post, archive: true}) %>
+        <%- partial('summary', {post: post, archive: true}) %>
     <% });
         if (page.posts.length) { %>
         </div></section>
@@ -35,7 +35,7 @@
         </div>
         <div class="archives">
         <% page.posts.each(function (post, i) { %>
-            <%- partial('archive-post', {post: post, archive: false}) %>
+            <%- partial('summary', {post: post, archive: false}) %>
         <% }); %>
         </div></section>
         <% if (page.total > 1) { %>
@@ -54,7 +54,7 @@
         </div>
         <div class="archives">
         <% page.posts.each(function (post, i) { %>
-            <%- partial('archive-post', {post: post, archive: false}) %>
+            <%- partial('summary', {post: post, archive: false}) %>
         <% }); %>
         </div></section>
         <% if (page.total > 1) { %>

layout/common/article.ejs

@@ -16,7 +16,7 @@
         <% } %>
         <div class="article-entry" itemprop="articleBody">
         <% if (index) { %>
-            <%- excerpt(post) %>
+            <p><%- excerpt(post) %></p>
             <p class="article-more-link">
                 <a href="<%- url_for(post.path) %>#more"><%= __('article.more') %></a>
             </p>

layout/common/post/date.ejs

@@ -1,4 +1,4 @@
-<% if (post.date && !post.hidedate) { %>
+<% if (post.date) { %>
     <div class="<%= class_name %>">
         <i class="fa fa-calendar"></i>
         <a href="<%- url_for(post.path) %>">

layout/common/post/tag.ejs

@@ -1,6 +1,6 @@
 <% if (post.tags && post.tags.length) { %>
-    <%- list_tags(post.tags, {
+    <div class="article-tag">
-        show_count: false,
+        <i class="fa fa-tag"></i>
-        class: 'article-tag'
+        <%- list_tags(post.tags, { show_count: false, style: 'link' }) %>
-    }) %>
+    </div>
 <% } %>

source/css/_extend.styl

@@ -8,10 +8,10 @@ $link-dark
         color: color-link
 
 $block-caption
+    line-height: 1em
+    color: color-grey
     text-decoration: none
     text-transform: uppercase
-    color: color-grey
-    line-height: 1em
 
 $block
     background: #fff

source/css/_partial/article.styl

@@ -9,32 +9,6 @@
     width:100%
     height:auto
 
-.article-meta
-    clearfix()
-    & > div
-        margin-bottom: 5px
-    .article-date, .article-category
-        margin-right: 10px
-        color: color-default + #444
-    a
-        color: color-default + #444
-        &:hover
-            color: color-link
-
-.article-date
-    @extend $block-caption
-    float: left
-
-.article-category
-    float: left
-    line-height: 1em
-    color: color-default
-    .fa-angle-right
-        margin: 0 5px
-
-.article-category-link
-    @extend $block-caption
-
 .article-header
     padding: article-padding article-padding 0
     .article-title
@@ -42,15 +16,43 @@
         margin-bottom: 14px
 
 .article-title
-    text-decoration: none
     font-size: 2em
     color: color-default
-    line-height: line-height-title
+    text-decoration: none
     transition: color 0.2s
+    line-height: line-height-title
     a&:visited
         color: color-default
     a&:hover
         color: color-link
+    @media mq-mini
+        font-size: 1.6em
+    @media mq-mobile
+        font-size: 1.6em
+
+.article-meta
+    @extend $block-caption
+    clearfix()
+    line-height: 1.6em
+    & > div
+        float: left
+        margin-right: 10px
+        color: color-default + #444
+        .fa
+            margin-right: 3px
+    a
+        color: color-default + #444
+        &:hover
+            color: color-link
+
+.article-category
+    .fa-angle-right
+        margin: 0 5px
+
+.article-tag
+    .tag-link
+        &:before
+            content: "#"
 
 .article-entry
     @extend $base-style
@@ -176,14 +178,6 @@
         &:hover
             color: color-default
 
-.article-tag-list-item
-    float: left
-    margin-right: 10px
-
-.article-tag-list-link
-    &:before
-        content: "#"
-
 .article-comment-link
     float: right
     &:before

source/css/_variables.styl

@@ -20,7 +20,7 @@ font-serif = Georgia, "Times New Roman", "Microsoft Yahei", serif
 font-mono = "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace
 font-size = 14px
 line-height = 1.6em
-line-height-title = 1.1em
+line-height-title = 1.3em
 
 // Header
 header-height = 64px