feat: 替換 Justified Gallery 為 flickr-justified-gallery

feat: 完全移除 jquery
feat: 清除配置文件的CDN, 默認 CDN 不再顯示在 config
feat: 切換夜間模式後, mermaid 也會切換夜間主題
feat: 移除騰訊分析
feat: 移除右下角字體調整按鈕
feat: 本地搜索可處理 json
feat: 右下角按鈕自定義順序
feat: 右小角按鈕 UI 微調
improvement: 手機端更改閲讀模式退出按鈕到右下角
improvement: photofigcaption 和 fancybox 的 figcaption 優先顯示 圖片的title屬性，然後是 alt 屬性
improvement: 首頁ui微調
improvement: 禁止一些瀏覽器會出現點擊左下角按鈕出現放大網頁的行為
improvement: js 優化
fix: 修復窗口大小改變時，導航欄的ui 可能會錯亂的 bug
fix: 修復 pjax 下, twikoo 評論獲取是上一篇評論的 bug
fix: 壓縮 html 代碼後, mermaid 顯示正常

source/css/_layout/aside.styl

@@ -246,8 +246,8 @@
       max-height: calc(100% - 60px)
       width: $toc-mobile-width
       opacity: 0
+      transition: initial
       transform-origin: right bottom
-      transition: none
 
     .toc-percentage
       float: right
@@ -317,8 +317,9 @@
   border-radius: 70px
 
   img
+    width: 100%
     height: 100%
-    transition: filter 375ms ease-in 0.2s, transform .3s
+    transition: filter 375ms ease-in .2s, transform .3s
     object-fit: cover
 
     &:hover

source/css/_layout/head.styl

@@ -239,7 +239,6 @@
   top: 0
   z-index: 90
   display: flex
-  flex-wrap: wrap
   align-items: center
   padding: 0 36px
   width: 100%
@@ -335,13 +334,10 @@
         font-size: inherit
 
     .menus_items
-      position: absolute
-      left: 0
-      visibility: hidden
-      opacity: 0
+      display: none
 
     #search-button span
-      display: none !important
+      display: none
 
   #search-button
     display: inline

source/css/_layout/rightside.styl

@@ -1,6 +1,6 @@
 #rightside
   position: fixed
-  right: -38px
+  right: -48px
   bottom: $rightside-bottom
   z-index: 100
   opacity: 0
@@ -8,7 +8,7 @@
 
   #rightside-config-hide
     transition: transform .4s
-    transform: translate(35px, 0)
+    transform: translate(48px, 0)
 
     &.show
       transform: translate(0, 0) !important
@@ -17,17 +17,25 @@
     & > button,
     & > a
       display: block
-      margin-bottom: 2px
-      width: 30px
-      height: 30px
+      margin-bottom: 5px
+      width: w = 38px
+      height: w
+      border-radius: 5px
       background-color: var(--btn-bg)
       color: var(--btn-color)
       text-align: center
       font-size: 16px
+      line-height: w
+      touch-action: manipulation
 
       &:hover
         background-color: var(--btn-hover-color)
 
+      +maxWidth768()
+        width: w = 34px
+        height: w
+        line-height: w
+
   #mobile-toc-button
     display: none
 

source/css/_layout/third-party.styl

@@ -61,16 +61,9 @@ if hexo-config('waline.bg')
 .medium-zoom-overlay
   z-index: 99999 !important
 
-.mermaid
-  overflow: auto
+.mermaid-wrap
   margin: 0 0 20px
-  background: $white
   text-align: center
-  opacity: 0
-  transition: all .3s
-
-  &[data-processed]
-    opacity: 1
 
 .utterances,
 .fb-comments iframe