🏗️ First time sync the css & js files from hexo theme NexT

assets/css/_common/outline/header/bookmark.scss

@@ -0,0 +1,24 @@
+@if hexo-config('bookmark.enable') {
+  .book-mark-link {
+    border-bottom: 0;
+    position: fixed;
+    top: -10px;
+    transition: top .3s;
+    @include sidebar-toggle-position(true);
+
+    @include tablet-mobile() {
+      display: none;
+    }
+
+    &::before {
+      color: convert(hexo-config('bookmark.color'));
+      font-size: 32px;
+      line-height: 1;
+      @include font-family-icons('\f02e');
+    }
+  }
+
+  .book-mark-link:hover, .book-mark-link-fixed {
+    top: -2px;
+  }
+}

assets/css/_common/outline/header/github-banner.scss

@@ -0,0 +1,59 @@
+@if hexo-config('github_banner.enable') {
+  @keyframes octocat-wave {
+    0%, 100% {
+      transform: rotate(0);
+    }
+
+    20%, 60% {
+      transform: rotate(-25deg);
+    }
+
+    40%, 80% {
+      transform: rotate(10deg);
+    }
+  }
+
+  .github-corner {
+    :hover .octo-arm {
+      animation: octocat-wave 560ms ease-in-out;
+    }
+
+    svg {
+      color: white;
+      fill: var(--theme-color);
+      position: absolute;
+      right: 0;
+      top: 0;
+      z-index: $zindex-0;
+    }
+
+    @include tablet-mobile() {
+      @if hexo-config('local_search.enable') or hexo-config('algolia_search.enable') {
+        display: none;
+      }
+
+      svg {
+        @if ($scheme == 'Pisces') or ($scheme == 'Gemini') {
+          color: var(--theme-color);
+          fill: white;
+        }
+      }
+
+      .github-corner:hover .octo-arm {
+        animation: none;
+      }
+
+      .github-corner .octo-arm {
+        animation: octocat-wave 560ms ease-in-out;
+      }
+    }
+
+    @if $scheme == 'Mist' {
+      @include mobile() {
+        svg {
+          top: inherit;
+        }
+      }
+    }
+  }
+}

assets/css/_common/outline/header/index.scss

@@ -0,0 +1,38 @@
+// Header Section
+// --------------------------------------------------
+.headband {
+  background: $headband-bg;
+  height: $headband-height;
+
+  @include tablet-mobile() {
+    display: none;
+  }
+}
+
+// Fix issue #521
+header.header {
+  background: $head-bg;
+}
+
+.header-inner {
+  @include main-container();
+}
+
+.site-brand-container {
+  display: flex;
+  flex-shrink: 0;
+  padding: 0 10px;
+}
+
+.use-motion {
+  header.header, .site-brand-container .toggle {
+    opacity: 0;
+  }
+}
+
+@import 'site-meta';
+@import 'site-nav';
+@import 'menu';
+
+@import 'bookmark';
+@import 'github-banner';

assets/css/_common/outline/header/menu.scss

@@ -0,0 +1,56 @@
+// Menu
+// --------------------------------------------------
+.menu {
+  margin: 0;
+  padding: 1em 0;
+  text-align: center;
+}
+
+.menu-item {
+  display: inline-block;
+  list-style: none;
+  margin: 0 10px;
+
+  @include mobile() {
+    display: block;
+    margin-top: 10px;
+
+    &.menu-item-search {
+      display: none;
+    }
+  }
+
+  a {
+    border-bottom: 0;
+    display: block;
+    font-size: $font-size-smaller;
+    transition: border-color $transition-ease;
+
+    &:hover, &.menu-item-active {
+      background: var(--menu-item-bg-color);
+    }
+  }
+
+  .fa, .fab, .far, .fas {
+    margin-right: 8px;
+  }
+
+  .badge {
+    display: inline-block;
+    font-weight: bold;
+    line-height: 1;
+    margin-left: .35em;
+    margin-top: .35em;
+    text-align: center;
+    white-space: nowrap;
+
+    @include mobile() {
+      float: right;
+      margin-left: 0;
+    }
+  }
+}
+
+.use-motion .menu-item {
+  visibility: hidden;
+}

assets/css/_common/outline/header/site-meta.scss

@@ -0,0 +1,49 @@
+.site-meta {
+  flex-grow: 1;
+  text-align: center;
+
+  @include mobile() {
+    text-align: center;
+  }
+}
+
+.custom-logo-image {
+  margin-top: 20px;
+
+  @include tablet-mobile() {
+    display: none;
+  }
+}
+
+.brand {
+  border-bottom: 0;
+  color: var(--brand-color);
+  display: inline-block;
+  padding: 0 40px;
+
+  &:hover {
+    color: var(--brand-hover-color);
+  }
+}
+
+.site-title {
+  font-family: $font-family-logo;
+  font-size: $font-size-title;
+  font-weight: normal;
+  line-height: 1.5;
+  margin: 0;
+}
+
+.site-subtitle {
+  color: $subtitle-color;
+  font-size: $font-size-subtitle;
+  margin: 10px 0;
+}
+
+.use-motion {
+  .site-title, .site-subtitle, .custom-logo-image {
+    opacity: 0;
+    position: relative;
+    top: -10px;
+  }
+}

assets/css/_common/outline/header/site-nav.scss

@@ -0,0 +1,24 @@
+.site-nav-toggle, .site-nav-right {
+  display: none;
+
+  @include mobile() {
+    @include flex-column();
+  }
+
+  .toggle {
+    color: var(--text-color);
+    padding: 10px;
+    width: 22px;
+
+    .toggle-line {
+      background: var(--text-color);
+      border-radius: 1px;
+    }
+  }
+}
+
+.site-nav {
+  @include mobile() {
+    @include site-nav-hide-by-default();
+  }
+}