feat: 完成分类页面布局

languages/zh-CN.yml

@@ -15,7 +15,8 @@ menu:
   about: 关于
 
 page:
-  tag: 标签
+  tags: 标签
+  categories: 分类
   articles-0: 目前还没有文章哦！
   articles-1: 目前共计 %s 篇文章，继续加油！
 

layout/page.pug

@@ -2,8 +2,8 @@ extends includes/layout.pug
 
 block content
   if (page.type === 'tags')
-    div.tag-cloud
-      div.tag-cloud-title= _p('page.tag') + ' - '
+    div.tag-cloud.main-content
+      div.tag-cloud-title= _p('page.tags') + ' - '
         span.tag-cloud-num= site.tags.length
       - var min_font = theme.tag && (theme.tag.min_font_size || 14)
       - var max_font = theme.tag && (theme.tag.max_font_size || 30)
@@ -13,6 +13,8 @@ block content
 
   if (page.type === 'categories')
     div.category.main-content
+      div.category-title= _p('page.categories') + ' - '
+        span.category-num= site.categories.length
       != list_categories()
 
   if (page.type === 'about')

source/css/_layout/page.styl

@@ -246,10 +246,8 @@ setUlStyle(content, hoverColor)
       border-bottom: 0
       color: $blue-light !important
 
-.tag-cloud
-  padding: 3rem  5rem 9rem 5rem
-  text-align: center
-
+.tag-cloud,
+.category
   a
     margin: 0 .4rem
     border-bottom: 0
@@ -261,7 +259,28 @@ setUlStyle(content, hoverColor)
   &-title
     padding: 0 0 1.8rem 0
     font-size: 1.8rem
+    text-align: center
     cursor: default
 
+.tag-cloud
+  text-align: center
+
+.category
+  font-size: 1.2em
+
+  .category-list-link
+    color: inherit
+    
+  .category-list-count
+    padding-left: .3em
+    color: #99a9bf
+    font-size: .8em
+
+    &::before
+      content: '('
+      
+    &::after
+      content: ')'
+
 .about
   width: $main-desktop