feat: 不蒜子可配置 CDN closed #1132

feat: gallery 標簽外掛增加圖片懶加載，增加 lazyload rowHeight 和 limit 屬性配置
feat: 可設置固定導航欄 closed #1150
fix: 修復開啟懶加載後，再使用 flink_url 的方式引入友鏈數據，友鏈頭像有可能不顯示的 bug closed #1146
fix: 修復閲讀模式下，代碼塊的背景顏色仍顯示彩色背景的 bug (自定義代碼塊) closed #1139
improvement: 搜索結果換行時不會拆分單詞顯示
improvement: 優化搜索結果顯示滾動條位置
improvement: css/js 優化

source/css/_layout/head.styl

@@ -137,6 +137,10 @@
       box-shadow: 0 5px 6px -5px alpha($grey, .6)
       transition: transform .2s ease-in-out, opacity .2s ease-in-out
 
+      &.fixed
+        top: 0
+        transition: all .5s
+
       #blog-info
         color: var(--font-color)
 
@@ -155,7 +159,7 @@
           color: $light-blue
 
   &.nav-visible
-    #nav
+    #nav:not(.fixed)
       transition: all .5s
       transform: translate3d(0, 100%, 0)
 
@@ -261,6 +265,9 @@
   &.show
     opacity: 1
 
+  &.fixed
+    position: fixed
+
   #blog-info
     flex: 1
     color: var(--light-grey)

source/css/_mode/readmode.styl

@@ -106,7 +106,7 @@ if hexo-config('readmode')
           color: var(--font-color) !important
 
         .hljs
-          background: var(-highlight-bg) !important
+          background: var(--highlight-bg) !important
 
       h1,
       h2,

source/css/_search/algolia.styl

@@ -28,7 +28,7 @@
 
     .algolia-hit-item-content
       margin: 0 0 8px
-      word-break: break-all
+      word-break: break-word
 
     .ais-Pagination
       margin: 20px 0 0
@@ -69,6 +69,8 @@
     #algolia-hits
       > div
         overflow-y: scroll
+        margin: 0 -20px
+        padding: 0 22px
 
         +minWidth768()
           max-height: calc(80vh - 240px)

source/css/_search/local-search.styl

@@ -51,15 +51,17 @@
           color: $search-color
 
       .search-result
-        margin: 0 8px 8px 0
-        word-break: break-all
+        margin: 0 0 8px
+        word-break: break-word
 
       .search-keyword
         color: $search-keyword-highlight
         font-weight: bold
 
     .search-result-list
-      overflow-y: auto
+      overflow-y: overlay
+      margin: 0 -20px
+      padding: 0 22px
       max-height: calc(80vh - 130px)
 
       +maxWidth768()

source/css/_tags/gallery.styl

@@ -94,9 +94,46 @@
     overflow: auto
     padding: 0 0 16px
 
-  .fj-gallery
+  .gallery
     margin: 0 0 16px
-    opacity: 0
+    text-align: center
 
-    .img-alt
-      display: none
+    .fj-gallery
+      opacity: 0
+
+      .img-alt
+        display: none
+
+      &.lazyload
+        + button
+          display: inline-block
+
+      .gallery-data
+        display: none
+
+    button
+      display: none
+      margin-top: 25px
+      padding: 10px
+      width: 9em
+      border-radius: 5px
+      background: var(--btn-bg)
+      color: var(--btn-color)
+      font-weight: bold
+      font-size: 1.1em
+      transition: all .3s
+
+      & > *
+        transition: all .4s
+
+      i
+        width: 0
+        opacity: 0
+
+      &:hover
+        background: var(--btn-hover-color)
+
+        i
+          margin-left: 2px
+          width: 20px
+          opacity: 1