feat: category pages and tag pages add paging

layout/_partial/paginator.ejs

@@ -0,0 +1,13 @@
+<div class="paginator">
+    <% if (pageObject.prev)  { %>
+        <a class="prev btn"
+           href="<%- url_for(pageObject.prev_link) %>"
+        ><%- __('prev') %></a>
+    <% } %>
+
+    <% if (pageObject.next)  { %>
+        <a class="next btn"
+           href="<%- url_for(pageObject.next_link) %>"
+        ><%- __('next') %></a>
+    <% } %>
+</div>

layout/category-content.ejs

@@ -3,6 +3,11 @@
         <div class="category-name">
             <i class="fa fa-folder"></i> <%- __('category') %>：<%= page.category %> [<%= page.posts.length %>]
         </div>
-        <%- partial('_partial/archive-list', {posts_new: page.posts}) %>
+        <div class="category-post-list">
+            <%- partial('_partial/archive-list', {posts_new: page.posts}) %>
+        </div>
+    </div>
+    <div class="category-paginator">
+        <%- partial('_partial/paginator', {pageObject: page}) %>
     </div>
 </div>

layout/home-content.ejs

@@ -44,17 +44,7 @@
         <% }) %>
     </ul>
 
-    <div class="paginator">
-        <% if (page.prev)  { %>
-            <a class="prev btn"
-               href="<%- url_for(page.prev == 1 ? '' : '/page/' + page.prev) %>"
-            ><%- __('prev') %></a>
-        <% } %>
-
-        <% if (page.next)  { %>
-            <a class="next btn"
-               href="<%- url_for('/page/' + page.next) %>"
-            ><%- __('next') %></a>
-        <% } %>
+    <div class="home-paginator">
+        <%- partial('_partial/paginator', {pageObject: page}) %>
     </div>
 </div>

layout/tag-content.ejs

@@ -2,6 +2,12 @@
     <div class="tag-container">
         <div class="tag-name"><i class="fa fa-tag"></i> <%- __('tag') %>：<%= page.tag %> [<%= page.posts.length %>]
         </div>
-        <%- partial('_partial/archive-list', {posts_new: page.posts}) %>
+        <div class="tag--post-list">
+            <%- partial('_partial/archive-list', {posts_new: page.posts}) %>
+        </div>
+    </div>
+
+    <div class="tag-paginator">
+        <%- partial('_partial/paginator', {pageObject: page}) %>
     </div>
 </div>

source/css/layout/_partial/paginator.styl

@@ -0,0 +1,13 @@
+.paginator {
+
+  margin-top: 30px;
+
+  a.prev {
+    float: left;
+  }
+
+  a.next {
+    float: right;
+  }
+
+}

source/css/layout/common/basic.styl

@@ -29,8 +29,7 @@ html, body {
   }
 
   &::-webkit-scrollbar-thumb {
-    border-radius: 1px;
-    background: rgba(0, 0, 0, 0.28)
+    background: rgba(0, 0, 0, 0.2)
   }
 
   &::-webkit-scrollbar-track {

source/css/layout/home-content.styl

@@ -111,20 +111,4 @@
 
     }
   }
-
-
-  .paginator {
-
-    padding-bottom: 40px;
-
-    a.prev {
-      float: left;
-    }
-
-    a.next {
-      float: right;
-    }
-
-  }
-
 }

source/css/style.styl

@@ -10,6 +10,7 @@
 @import "layout/_partial/tools.styl"
 @import "layout/_partial/archive-list.styl"
 @import "layout/_partial/footer.styl"
+@import "layout/_partial/paginator.styl"
 @import "layout/about.styl"
 @import "layout/links.styl"
 @import "layout/_partial/article-meta-info.styl"