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/_global/function.styl

@@ -37,6 +37,10 @@ maxWidth900()
   @media screen and (max-width: 900px)
     {block}
 
+maxWidth901()
+  @media screen and (max-width: 900px)
+    {block}
+
 minWidth900()
   @media screen and (min-width: 900px)
     {block}

source/css/_global/index.styl

@@ -1,4 +1,5 @@
-[data-theme='light']
+:root
+  --global-font-size: $font-size
   --global-bg: $body-bg
   --font-color: $font-black
   --hr-border: lighten($theme-hr-color, 50%)
@@ -36,7 +37,7 @@ body
   min-height: 100%
   background: var(--global-bg)
   color: var(--font-color)
-  font-size: $font-size
+  font-size: var(--global-font-size)
   font-family: $font-family
   line-height: $text-line-height
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

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)