feat: 去除 jQuery (fancybox和圖庫 仍需要加載jQuery)

feat: 點擊文字特效增加隨機配置
feat: 可配置是否添加css前綴
fix: 修復子目錄下，配置justifiedGallery CDN（相對鏈接）後，連接會無法訪問的bugs
fix: 修復 pangu 配置post 後，仍在全站生效的bugs
improvement: 夜間模式下，廣告降低亮度
improvement: 手機端toc邊距微調
improvement: html格式優化
improvement: 搜索優化
improvement: 刪除不必要的語言文件

source/css/_global/function.styl

@@ -151,6 +151,13 @@ if hexo-config('avatar.effect') == true
   100%
     opacity: 1
 
+@keyframes to_hide
+  0%
+    opacity: 1
+
+  100%
+    opacity: 0
+
 @keyframes ribbon_to_show
   0%
     opacity: 0
@@ -196,4 +203,4 @@ if hexo-config('avatar.effect') == true
     transform: translateX(200px)
 
   100%
-    transform: translateX(0)
+    transform: translateX(0)

source/css/_global/index.styl

@@ -57,16 +57,17 @@ body
 input::placeholder
   color: var(--font-color)
 
-#web_bg
-  position: fixed
-  z-index: -999
-  width: 100%
-  height: 100%
-  background: $web-bg
-  background-attachment: local
-  background-position: center
-  background-size: cover
-  background-repeat: no-repeat
+if $web-bg
+  #web_bg
+    position: fixed
+    z-index: -999
+    width: 100%
+    height: 100%
+    background: $web-bg
+    background-attachment: local
+    background-position: center
+    background-size: cover
+    background-repeat: no-repeat
 
 h1,
 h2,
@@ -198,20 +199,13 @@ img
   max-width: 100%
   transition: all .2s
 
-img[src=''],
-img:not([src])
-  opacity: 0
+  &[src=''],
+  &:not([src])
+    opacity: 0
 
 .img-alt
   margin: -.5rem 0 .5rem
   color: #858585
 
   &:hover
-    text-decoration: none !important
-
-.post-ad
-  margin: 2rem 0
-
-.ad-height
-  display: block !important
-  height: auto !important
+    text-decoration: none !important

source/css/_highlight/highlight.styl

@@ -132,6 +132,7 @@ blockquote
       position: absolute
       right: 1.7rem
       opacity: 0
+      transition: opacity .4s
 
     .copy-button
       position: absolute

source/css/_layout/aside.styl

@@ -27,7 +27,7 @@
     border-radius: 8px
     background: var(--card-bg)
     box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
-    transition: all .3s
+    transition: box-shadow .3s
 
     &:hover
       box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15)
@@ -265,23 +265,38 @@
 
   // toc
   #card-toc
+    +minWidth900()
+      right: 0 !important
+
     +maxWidth900()
       position: fixed
-      right: 45px
+      right: -100%
       bottom: 30px
       z-index: 100
-      display: none
+      max-height: calc(100% - 60px)
       width: $toc-mobile-width
+      opacity: 0
       transform-origin: right bottom
-      animation: toc-open .3s
-
-      .toc-child
-        display: block !important
+      // animation: toc-open .3s
 
     .toc-content
       overflow-y: auto
       max-height: calc(100vh - 120px)
 
+      +maxWidth900()
+        max-height: calc(100vh - 140px)
+
+      .toc-child
+        display: none
+
+        +maxWidth900()
+          display: block !important
+
+      .toc-item
+        &.active
+          .toc-child
+            display: block
+
       ol,
       li
         list-style: none

source/css/_layout/head.styl

@@ -351,10 +351,10 @@ _:future,
     .menus_items
       display: none !important
 
-    #search_button span
+    #search-button span
       display: none !important
 
-  #search_button
+  #search-button
     display: inline
     padding: 0 0 0 .7rem
 

source/css/_layout/post.styl

@@ -275,3 +275,6 @@ no-beautify()
         color: $noticeOutdate-border
         content: '\f071'
         transform: translateY(-50%)
+
+  .ads-wrap
+    margin: 2rem 0

source/css/_mode/darkmode.styl

@@ -106,7 +106,8 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
     .error-img,
     #article-container iframe,
     img,
-    .gist
+    .gist,
+    .ads-wrap
       filter: brightness(.8)
 
     #aside_content .aside-list > .aside-list-item:not(:last-child)

source/css/_page/homepage.styl

@@ -43,6 +43,10 @@
         order: 2
         border-radius: 0 8px 8px 0
 
+    &.ads-wrap
+      display: block !important
+      height: auto !important
+
     .post_cover
       overflow: hidden
       width: 45%

source/css/_search/local-search.styl

@@ -57,9 +57,6 @@
         color: $search-keyword-highlight
         font-weight: bold
 
-    .local-search-stats__hr
-      display: none !important
-
     .search-result-list
       overflow-y: auto
       max-height: 10.5rem

source/css/_tags/gallery.styl

@@ -99,6 +99,9 @@ figure.gallery-group
   img
     opacity: 0
 
+  .img-alt
+    display: none
+
   .fancybox
     width: auto
     text-align: inherit

source/css/_tags/hide.styl

@@ -10,6 +10,12 @@
     &.open
       display: none
 
+      & + div
+        display: block
+
+      & + span
+        display: inline
+
   & > .hide-content
     display: none
 
@@ -41,6 +47,9 @@
       i
         transform: rotate(90deg)
 
+      & + div
+        display: block
+
   & > .hide-content
     display: none
     margin: 1.5rem 1.2rem

source/css/index.styl

@@ -1,4 +1,6 @@
-@import 'nib'
+if hexo-config('css_prefix')
+  @import 'nib'
+
 @import '_third-party/normalize.min.css'
 // project
 @import 'var'