fix: 修復上個版本導致的代碼塊部分css沒有生成的bugs

fix: 修復valine背景圖片再次出現時，由左到右移動的bugs
improvement: 調大sidebar的寬度
improvement: html結構調整，mobile-sidebar改為sidebar/search調整
remove: 刪除多餘的css和pug

source/css/_search/algolia.styl

@@ -1,76 +1,77 @@
 #algolia-search
-  animation: titlescale .5s
+  .search-dialog
+    animation: titlescale .5s
 
-  .ais-search-box
-    margin: 0 auto
-    max-width: 100%
-    width: 100%
+    .ais-search-box
+      margin: 0 auto
+      max-width: 100%
+      width: 100%
 
-    input
-      padding: .25rem .7rem
-      outline: none
-      border: 2px solid $search-color
-      border-radius: 2rem
-      background: var(--search-bg)
-      color: var(--search-input-color)
+      input
+        padding: .25rem .7rem
+        outline: none
+        border: 2px solid $search-color
+        border-radius: 2rem
+        background: var(--search-bg)
+        color: var(--search-input-color)
 
-  .ais-hits--item.algolia-hit-item
-    position: relative
-    padding-left: 1.2rem
-
-    &:hover
-      &:before
-        border-color: $pseudo-hover
-
-    &:before
-      $w = .5em
-      position: absolute
-      top: .53em
-      left: 0
-      width: w = $w
-      height: h = w
-      border: .15rem solid $search-color
-      border-radius: w
-      background: transparent
-      content: ''
-      line-height: h
-      transition: all .2s ease-in-out
-
-    a
-      display: block
-      color: var(--search-result-title)
-      cursor: pointer
+    .ais-hits--item.algolia-hit-item
+      position: relative
+      padding-left: 1.2rem
 
       &:hover
-        color: $search-color
+        &:before
+          border-color: $pseudo-hover
 
-    em
-      color: $search-keyword-highlight
-      font-weight: bold
+      &:before
+        $w = .5em
+        position: absolute
+        top: .53em
+        left: 0
+        width: w = $w
+        height: h = w
+        border: .15rem solid $search-color
+        border-radius: w
+        background: transparent
+        content: ''
+        line-height: h
+        transition: all .2s ease-in-out
 
-  .ais-pagination.pagination
-    margin: .8rem 0 0
-    padding: 0
-    text-align: center
+      a
+        display: block
+        color: var(--search-result-title)
+        cursor: pointer
 
-    .ais-pagination--item
-      margin: 0 .2rem
+        &:hover
+          color: $search-color
+
+      em
+        color: $search-keyword-highlight
+        font-weight: bold
+
+    .ais-pagination.pagination
+      margin: .8rem 0 0
       padding: 0
+      text-align: center
 
-      a
-        display: inline-block
-        min-width: 1.2rem
-        height: 1.2rem
-        text-align: center
-        line-height: 1.2rem
+      .ais-pagination--item
+        margin: 0 .2rem
+        padding: 0
 
-    .ais-pagination--item.current
-      a
-        background: $theme-paginator-color
-        color: #eee
-        cursor: default
+        a
+          display: inline-block
+          min-width: 1.2rem
+          height: 1.2rem
+          text-align: center
+          line-height: 1.2rem
 
-  .algolia-logo
-    padding-top: 2px
-    width: 4rem
-    height: 1.5rem
+      .ais-pagination--item.current
+        a
+          background: $theme-paginator-color
+          color: #eee
+          cursor: default
+
+    .algolia-logo
+      padding-top: 2px
+      width: 4rem
+      height: 1.5rem

source/css/_search/local-search.styl

@@ -1,68 +1,69 @@
 #local-search
-  animation: titlescale .5s
+  .search-dialog
+    animation: titlescale .5s
 
-  .local-search-box
-    margin: 0 auto
-    max-width: 100%
-    width: 100%
-
-    input
-      padding: .25rem .7rem
+    .local-search-box
+      margin: 0 auto
+      max-width: 100%
       width: 100%
-      outline: none
-      border: 2px solid $search-color
-      border-radius: 2rem
-      background: var(--search-bg)
-      color: var(--search-input-color)
-      -webkit-appearance: none
 
-  .local-search__hit-item
-    position: relative
-    padding-left: 1.2rem
-    line-height: 1.7
+      input
+        padding: .25rem .7rem
+        width: 100%
+        outline: none
+        border: 2px solid $search-color
+        border-radius: 2rem
+        background: var(--search-bg)
+        color: var(--search-input-color)
+        -webkit-appearance: none
 
-    &:hover
-      &:before
-        border-color: $pseudo-hover
-
-    &:before
-      $w = .5em
-      position: absolute
-      top: .45em
-      left: 0
-      width: w = $w
-      height: h = w
-      border: .15rem solid $search-color
-      border-radius: w
-      background: transparent
-      content: ''
-      line-height: h
-      transition: all .2s ease-in-out
-
-    a
-      display: block
-      color: var(--search-result-title)
-      font-weight: 600
-      cursor: pointer
+    .local-search__hit-item
+      position: relative
+      padding-left: 1.2rem
+      line-height: 1.7
 
       &:hover
-        color: $search-color
+        &:before
+          border-color: $pseudo-hover
 
-    .search-result
-      margin: 0 0 .4rem
-      word-break: break-all
+      &:before
+        $w = .5em
+        position: absolute
+        top: .45em
+        left: 0
+        width: w = $w
+        height: h = w
+        border: .15rem solid $search-color
+        border-radius: w
+        background: transparent
+        content: ''
+        line-height: h
+        transition: all .2s ease-in-out
 
-    .search-keyword
-      color: $search-keyword-highlight
-      font-weight: bold
+      a
+        display: block
+        color: var(--search-result-title)
+        font-weight: 600
+        cursor: pointer
 
-  .local-search-stats__hr
-    display: none !important
+        &:hover
+          color: $search-color
 
-  .search-result-list
-    overflow-y: auto
-    max-height: 10.5rem
+      .search-result
+        margin: 0 0 .4rem
+        word-break: break-all
 
-    +maxWidth768()
-      padding-bottom: 2rem
-      max-height: 75vh !important
+      .search-keyword
+        color: $search-keyword-highlight
+        font-weight: bold
+
+    .local-search-stats__hr
+      display: none !important
+
+    .search-result-list
+      overflow-y: auto
+      max-height: 10.5rem
+
+      +maxWidth768()
+        padding-bottom: 2rem
+        max-height: 75vh !important