_config.yml

@@ -104,7 +104,7 @@ menu:
   #home: / || fa fa-home
   #about: /about/ || fa fa-user
   #tags: /tags/ || fa fa-tags
-  #categories: /categories/ || fa fa-layer-group
+  #categories: /categories/ || fa fa-th
   #archives: /archives/ || fa fa-archive
   #schedule: /schedule/ || fa fa-calendar
   #sitemap: /sitemap.xml || fa fa-sitemap

_vendors.yml

@@ -3,10 +3,10 @@
 
 fontawesome:
   name: '@fortawesome/fontawesome-free'
-  version: 7.3.1
+  version: 7.0.0
   file: css/all.min.css
   alias: font-awesome
-  integrity: sha256-4Lad8m4ZWW1Lgb9+sMVLYEfnIh7BjV1NQMEe79Pviks=
+  integrity: sha256-VHqXKFhhMxcpubYf9xiWdCiojEbY9NexQ4jh8AxbvcM=
 prism:
   name: prismjs
   version: 1.30.0
@@ -32,16 +32,16 @@ mathjax:
   integrity: sha256-ihPtDDm7pTmSF9ViEsItlvsrBTsNkz0MOXMchzOwCQw=
 katex:
   name: katex
-  version: 0.18.4
+  version: 0.16.9
   file: dist/katex.min.css
   alias: KaTeX
-  integrity: sha256-GAwtd9Q019pR1mJcUKlk1P1v29ubyHlqCgFsMMSZMfs=
+  integrity: sha256-UF1fgpAiu3tPJN/uCqEUHNe7pnr+QR0SQDNfgglgtcM=
 copy_tex_js:
   name: katex
-  version: 0.18.4
+  version: 0.16.9
   file: dist/contrib/copy-tex.min.js
   alias: KaTeX
-  integrity: sha256-xXHEm1IMuOkEAoczgoayF4Pjm0dmYLi1bZ4cA37q6v8=
+  integrity: sha256-Us54+rSGDSTvIhKKUs4kygE2ipA0RXpWWh0/zLqw3bs=
 pjax:
   name: '@next-theme/pjax'
   version: 0.6.0
@@ -78,9 +78,9 @@ pangu:
   integrity: sha256-kRsxecBnwG6mULFPe2E6UKnNm8XfDOuDwCOprjLZuX8=
 quicklink:
   name: quicklink
-  version: 3.0.2
+  version: 3.0.1
   file: dist/quicklink.umd.js
-  integrity: sha256-Qo2BTvlsBVXIr5fEHp8xlBpUmkbDINr5cQZeSfMTES8=
+  integrity: sha256-44BednzIpUeQJcY8qtLyarFu0UCCTbgmWOvaoehiFQQ=
 disqusjs_js:
   name: disqusjs
   version: 3.2.1
@@ -103,9 +103,9 @@ gitalk_css:
   integrity: sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=
 algolia_search:
   name: algoliasearch
-  version: 5.57.0
+  version: 5.36.0
   file: dist/lite/builds/browser.umd.js
-  integrity: sha256-NJrnXIMFVRGMM2IieD83YpTvsPPIFKKyj4K/MNyTRQU=
+  integrity: sha256-o49zoHLDPBm9WLg6AiliAVi3axCRTqe3ltTxLvhzAVg=
 local_search:
   name: hexo-generator-searchdb
   version: 1.5.0

layout/_partials/head/head.njk

@@ -10,7 +10,7 @@
   {{- meta_generator() }}
 {%- endif %}
 
-{%- if theme.preconnect %}
+{%- if config.preconnect %}
   <link rel="preload" href="{{ url_for(theme.css) }}/main.css" as="style">
 {%- endif %}
 {{ next_pre() }}

layout/_partials/header/brand.njk

@@ -1,8 +1,12 @@
 <div class="site-brand-container">
-  <div class="site-nav-search popup-trigger" aria-label="{{ __('menu.search') }}" role="button">
-    {%- if theme.algolia_search.enable or theme.local_search.enable %}
-      <i class="fa fa-search fa-fw fa-lg"></i>
-    {%- endif %}
+  <div class="site-nav-toggle">
+    <div class="toggle" aria-label="{{ __('accessibility.nav_toggle') }}" role="button">
+      {%- if theme.menu %}
+        <span class="toggle-line"></span>
+        <span class="toggle-line"></span>
+        <span class="toggle-line"></span>
+      {%- endif %}
+    </div>
   </div>
 
   <div class="site-meta">
@@ -23,9 +27,11 @@
     {%- endif %}
   </div>
 
-  <div class="site-nav-toggle" aria-label="{{ __('accessibility.nav_toggle') }}" role="button">
-    {%- if theme.menu %}
-      <i class="fa fa-ellipsis fa-fw fa-lg"></i>
-    {%- endif %}
+  <div class="site-nav-right">
+    <div class="toggle popup-trigger" aria-label="{{ __('menu.search') }}" role="button">
+      {%- if theme.algolia_search.enable or theme.local_search.enable %}
+        <i class="fa fa-search fa-fw fa-lg"></i>
+      {%- endif %}
+    </div>
   </div>
 </div>

layout/_partials/post/post-meta.njk

@@ -88,7 +88,7 @@
   {%- if config.symbols_count_time.symbols %}
     <span class="post-meta-item" title="{{ __('symbols_count_time.count') }}">
       <span class="post-meta-item-icon">
-        <i class="far fa-file-lines"></i>
+        <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">{{ __('symbols_count_time.count') + __('symbol.colon') }}</span>
       <span>{{ symbolsCount(post) }}</span>

layout/_partials/search/index.njk

@@ -1,7 +1,5 @@
 {%- if theme.algolia_search.enable or theme.local_search.enable %}
-  {# Keep the popup out of the render tree to prevent Safari from animating it before main.css is applied.
-     When main.css loads slowly, the unstyled search popup briefly appears and shrinks away. #}
-  <template id="search-popup-template"><div class="search-pop-overlay">
+  <div class="search-pop-overlay">
     <div class="popup search-popup">
       <div class="search-header">
         <span class="search-icon">
@@ -22,5 +20,5 @@
         </div>
       </div>
     </div>
-  </div></template>
+  </div>
 {%- endif %}

layout/_partials/widgets.njk

@@ -6,6 +6,7 @@
     <span class="toggle-line"></span>
     <span class="toggle-line"></span>
   </div>
+  <div class="sidebar-dimmer"></div>
 {%- endif %}
 
 {%- if theme.back2top.enable and not theme.back2top.sidebar %}

source/css/_common/components/post/post-reward.styl

@@ -28,21 +28,11 @@
     }
 
     if (hexo-config('reward_settings.animation')) {
-      span {
-        transform-origin: center bottom;
-      }
-
       &:hover span {
-        animation: next-bounce 1.4s infinite ease-in-out;
+        animation: next-roll .1s infinite linear;
         // The animation may affect :hover of img in dark mode
         pointer-events: none;
       }
-
-      @media (prefers-reduced-motion: reduce) {
-        &:hover span {
-          animation: none;
-        }
-      }
     }
   }
 
@@ -54,28 +44,12 @@
   }
 }
 
-@keyframes next-bounce {
-  0%, 100% {
-    transform: translateY(0) scale(1);
+@keyframes next-roll {
+  from {
+    transform: rotateZ(30deg);
   }
 
-  12% {
-    transform: translateY(0) scale(1.04, .96);
-  }
-
-  36% {
-    transform: translateY(-7px) scale(.98, 1.02);
-  }
-
-  58% {
-    transform: translateY(0) scale(1.03, .97);
-  }
-
-  72% {
-    transform: translateY(-2px) scale(1);
-  }
-
-  84% {
-    transform: translateY(0) scale(1);
+  to {
+    transform: rotateZ(-30deg);
   }
 }

source/css/_common/outline/header/index.styl

@@ -12,10 +12,11 @@
 .site-brand-container {
   display: flex;
   flex-shrink: 0;
+  padding: 0 10px;
 }
 
 .use-motion {
-  .column {
+  .column, .site-brand-container .toggle {
     opacity: 0;
   }
 }

source/css/_common/outline/header/site-nav.styl

@@ -1,19 +1,20 @@
-.site-nav-toggle, .site-nav-search {
-  color: var(--text-color);
+.site-nav-toggle, .site-nav-right {
   display: none;
-  padding: 0 10px;
-
-  .fa {
-    transition: transform .5s;
-  }
 
   +mobile() {
     flex-column();
   }
-}
 
-.site-nav-on .site-nav-toggle .fa {
-  transform: rotate(-90deg);
+  .toggle {
+    color: var(--text-color);
+    padding: 10px;
+    width: 22px;
+
+    .toggle-line {
+      background: var(--text-color);
+      border-radius: 1px;
+    }
+  }
 }
 
 .site-nav {

source/css/_schemes/Pisces/_header.styl

@@ -20,10 +20,16 @@
   padding: 20px 0;
 }
 
-.site-nav-toggle, .site-nav-search {
-  color: white;
-
+.site-nav-toggle, .site-nav-right {
   +tablet() {
     flex-column();
   }
+
+  .toggle {
+    color: white;
+
+    .toggle-line {
+      background: white;
+    }
+  }
 }

source/css/noscript.styl

@@ -15,6 +15,7 @@ body { margin-top: 2rem; }
 }
 
 .use-motion .column,
+.use-motion .site-brand-container .toggle,
 .use-motion .footer { opacity: initial; }
 
 .use-motion .site-title,

source/js/next-boot.js

@@ -9,7 +9,8 @@ NexT.boot.registerEvents = function() {
     NexT.utils.updateFooterPosition();
 
     // Mobile top menu bar.
-    document.querySelector('.site-nav-toggle').addEventListener('click', event => {
+    document.querySelector('.site-nav-toggle .toggle').addEventListener('click', event => {
+      event.currentTarget.classList.toggle('toggle-close');
       const siteNav = document.querySelector('.site-nav');
       if (!siteNav) return;
       siteNav.style.setProperty('--scroll-height', siteNav.scrollHeight + 'px');

source/js/pjax.js

@@ -26,8 +26,7 @@ const pjax = new Pjax({
   },
   analytics: false,
   cacheBust: false,
-  // scrollTo accepts a number (vertical offset), a number array ([x, y]), or false (do not scroll).
-  scrollTo : CONFIG.bookmark.enable ? false : 0
+  scrollTo : !CONFIG.bookmark.enable
 });
 
 document.addEventListener('pjax:success', () => {

source/js/sidebar.js

@@ -3,17 +3,13 @@
 document.addEventListener('DOMContentLoaded', () => {
 
   const isRight = CONFIG.sidebar.position === 'right';
-  // Create the dimmer dynamically to prevent an unwanted animation before main.css is applied.
-  const sidebarDimmer = document.createElement('div');
-  sidebarDimmer.className = 'sidebar-dimmer';
-  document.body.appendChild(sidebarDimmer);
 
   const sidebarToggleMotion = {
     mouse: {},
     init() {
       window.addEventListener('mousedown', this.mousedownHandler.bind(this));
       window.addEventListener('mouseup', this.mouseupHandler.bind(this));
-      sidebarDimmer.addEventListener('click', this.clickHandler.bind(this));
+      document.querySelector('.sidebar-dimmer').addEventListener('click', this.clickHandler.bind(this));
       document.querySelector('.sidebar-toggle').addEventListener('click', this.clickHandler.bind(this));
       window.addEventListener('sidebar:show', this.showSidebar);
       window.addEventListener('sidebar:hide', this.hideSidebar);

source/js/third-party/search/algolia-search.js

@@ -1,7 +1,6 @@
 /* global CONFIG, NexT, pjax */
 
 document.addEventListener('DOMContentLoaded', () => {
-  document.body.appendChild(document.querySelector('#search-popup-template').content.cloneNode(true));
   const { indexName, appID, apiKey, hits } = CONFIG.algolia;
   const client = window['algoliasearch/lite'].liteClient(appID, apiKey);
 

source/js/third-party/search/local-search.js

@@ -6,7 +6,6 @@ document.addEventListener('DOMContentLoaded', () => {
     console.warn('`hexo-generator-searchdb` plugin is not installed!');
     return;
   }
-  document.body.appendChild(document.querySelector('#search-popup-template').content.cloneNode(true));
   const localSearch = new LocalSearch({
     path             : CONFIG.path,
     top_n_per_article: CONFIG.localsearch.top_n_per_article,