feat: 增加twikoo 最新評論 close #433

feat: 增加twikoo評論數顯示
feat: 增加toc簡潔模式
feat: 最新評論頭像增加lazyload
feat: fontawesome和google字體增加異步加載
fix: 修復上個版本導致的圖庫報沒有jQuery的bugs
fix: 修復上個版本導致aside 分類展開/收縮按鈕的bugs
improvement: toc點擊時改用document.getElementById獲取參數，避免有些字符導致無法跳轉 close #426
improvement: icp圖片限制大小  close #434
improvement: 最新評論優化，當沒有評論時顯示 '沒有評論'
improvement: 若瀏覽器支持,scroll將採用原生瀏覽器支持的滾動方法
improvement: 當屏幕沒有滾動條時，rightside會直接顯示

source/css/_layout/aside.styl

@@ -229,13 +229,14 @@
         padding: 0 0 0 .8rem
 
       > .parent
-        .card-category-list
-          &-name
-            width: 70% !important
+        > a
+          .card-category-list
+            &-name
+              width: 70% !important
 
-          &-count
-            width: calc(100% - 70% - 20px)
-            text-align: right
+            &-count
+              width: calc(100% - 70% - 20px)
+              text-align: right
 
         i
           float: right
@@ -248,7 +249,7 @@
             transform: rotate(-90deg)
 
         if hexo-config('aside.card_categories.expand') == false
-          + .child
+          > .child
             display: none
 
   .card-webinfo
@@ -265,7 +266,7 @@
 
   // toc
   #card-toc
-    +minWidth900()
+    +minWidth901()
       right: 0 !important
 
     +maxWidth900()
@@ -277,7 +278,6 @@
       width: $toc-mobile-width
       opacity: 0
       transform-origin: right bottom
-      // animation: toc-open .3s
 
     .toc-content
       overflow-y: auto
@@ -329,6 +329,10 @@
         font-style: italic
         font-size: 1.2rem
 
+  :only-child
+    > .card-widget
+      margin-top: 0
+
 @keyframes toc-open
   0%
     transform: scale(.7)

source/css/_layout/footer.styl

@@ -31,3 +31,5 @@
   .icp-icon
     padding: 0 4px
     vertical-align: text-bottom
+    max-height: 1.4em
+    width auto

source/css/_layout/head.styl

@@ -133,9 +133,9 @@
   .post-title
     @extend .limit-more-line
     margin-bottom: .4rem
-    font-size: 2.5em
-    font-weight: normal
     color: var(--white)
+    font-weight: normal
+    font-size: 2.5em
     line-height: 1.5
     -webkit-line-clamp: 3
 
@@ -193,12 +193,9 @@
       border-bottom: 1px solid var(--light-grey)
       color: var(--text-highlight-color)
 
-[data-theme='light']
-  #post
-    #post-info
-      #post-meta,
-      #post-meta a
-        color: #78818a
+    #post-meta,
+    #post-meta a
+      color: #78818a
 
 // css hack
 // all browser in ios and safari in all apple device
@@ -349,7 +346,10 @@ _:future,
         font-size: inherit
 
     .menus_items
-      display: none !important
+      position: absolute
+      left: 0
+      visibility: hidden
+      opacity: 0
 
     #search-button span
       display: none !important

source/css/_layout/rightside.styl

@@ -29,10 +29,6 @@
       &:hover
         background-color: var(--btn-hover-color)
 
-  #rightside_config
-    i
-      animation: avatar_turn_around 2s linear infinite
-
   #mobile-toc-button
     display: none