1. 更改手機頁面的menu和toc的顯示方式和顯示特效（ipad也能看TOC)

1. 更改手機頁面的menu和toc的顯示方式和顯示特效（ipad也能看TOC)
3. 可設置複製時，内容自動加上版權信息
4. 可修改tag的top_img
5. 可修改category的top_img
6. 可修改valine的背景
7. archives頁UI優化
8. ICP增加icon #37
9. 可設置主頁top_img的高度
10. 可設置主頁site-info的位置
11. category頁和tag頁的UI可以設置與主頁UI一樣 #31
12. 主頁subtitle可設置多個句子（不再限制2個） #37
13. 設置menu時，頭尾添加空格不受影響
14. 調整post頁的佈局
15. 书签添加icon
16. 公告icon效果
17. 首頁歸檔模塊，可設置數量限制，會顯示'查看更多'按鈕
18. 右下角按鈕調整。
19. 修复文章cover隨機图片生成，同一篇文章，不同地方的cover顯示不一样的bug
20. 修復gitalk語言設置無效的bug #35
21. 修復post頁面，當沒有設置word count時，閲讀量前有'|"
22. 修复sub-menu在safari的显示问题
23. 修复tags页评论居中问题
24. 修复header a hover 白色问题
25. 修復夜間模式下footer的顔色bug
26. 修復英文語言下，書簽英文顯示不完整的問題

source/css/_layout/page.styl

@@ -125,20 +125,25 @@ galleryItemStyle(w, h)
       color: $light-blue !important
 
 .tag-cloud
-  padding: 1.5rem 1rem 2rem
-  text-align: center
+  padding: 40px 44px 44px
 
   a
     display: inline-block
     margin: 0 0.4rem
     text-decoration: none
     cursor: pointer
+    transition: all .3s
 
     &:hover
       color: $ruby !important
+      transform: scale(1.1)
 
   &__title
     font-size: 1.8rem
+    text-align: center
+
+  &-tags
+    text-align: center
 
 #tag,
 #category,
@@ -186,7 +191,7 @@ galleryItemStyle(w, h)
 
   &-item
     position: relative
-    margin-bottom: 1rem
+    margin: 0 0 1rem 0.5rem
     transition: all 0.2s ease-in-out
 
     &:hover
@@ -196,8 +201,8 @@ galleryItemStyle(w, h)
     &:before
       $w = 0.3rem
       position: absolute
-      top: 0.48rem
-      left: calc(-1rem - 7px)
+      top: 1.8rem
+      left: calc(-1rem - 17px)
       width: w = $w
       height: h = w
       border: 0.5 * w solid $light-blue
@@ -217,20 +222,57 @@ galleryItemStyle(w, h)
       &:before
         top: 0.7rem
         border-color: $ruby
-
+    
     &__time
-      position: absolute
-      top: 0.1rem
       color: $a-link-color
+      font-size: 0.7rem
+      padding-left: 0.4rem
 
     &__title
-      display: block
-      margin-left: 5rem
       color: $font-black
+      font-size: 0.75rem
+      height: 60px
+      overflow: hidden
+      display: -webkit-box
+      -webkit-line-clamp: 2
+      -webkit-box-orient: vertical
+      transition: all .3s
+
+      &:hover
+        color: $light-blue
+        transform: translateX(20px)
+    
+    &__img
+      img
+        height: 100%
+        width: 100%
+        object-fit: cover
+        padding: 0
+        transition: all .6s
+      
+        &:hover
+          transform: scale(1.1)
+
+    &__post
       text-decoration: none
-      font-size: 0.8rem
       cursor: pointer
 
+      &:hover
+        color: $a-link-color
+
+  &-img
+    height: 80px
+    width: 80px
+    display: inline-block
+    overflow: hidden
+  
+  &-post
+    display: inline-block
+    top: 0
+    position: absolute
+    margin-left: 1rem
+
+
 .category-lists
   padding: 1rem 0 1.5rem