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)

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
 

source/css/_mode/readmode.styl

@@ -1,14 +1,13 @@
 if hexo-config('readmode')
-  [data-theme='light']
-    .read-mode
-      --font-color: #4c4948
-      --readmode-light-color: #fff
-      --white: #4c4948
-      --light-grey: #4c4948
-      --gray: #d6dbdf
-      --hr-border: #d6dbdf
-      --hr-before-color: darken(#d6dbdf, 10)
-      -highlight-bg: #f7f7f7
+  .read-mode
+    --font-color: #4c4948
+    --readmode-light-color: #fff
+    --white: #4c4948
+    --light-grey: #4c4948
+    --gray: #d6dbdf
+    --hr-border: #d6dbdf
+    --hr-before-color: darken(#d6dbdf, 10)
+    -highlight-bg: #f7f7f7
 
   [data-theme='dark']
     .read-mode