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

assets/css/_common/components/post/post-header.scss

@@ -0,0 +1,120 @@
+.posts-expand .post-header {
+  font-size: $font-size-large;
+  margin-bottom: 60px;
+  text-align: center;
+}
+
+.posts-expand .post-title {
+  font-size: $font-size-largest;
+  font-weight: normal;
+  margin: initial;
+  @include word-wrap();
+
+  @if hexo-config('post_edit.enable') {
+    .post-edit-link {
+      border-bottom: 0;
+      color: $grey;
+      float: right;
+      font-size: $font-size-larger;
+      margin-left: -1.2em;
+      transition: color $transition-ease-in;
+
+      @include mobile-small() {
+        margin-left: initial;
+      }
+
+      &:hover {
+        color: $sidebar-highlight;
+      }
+    }
+  }
+}
+
+.posts-expand .post-title-link {
+  border-bottom: 0;
+  color: var(--link-color);
+  display: inline-block;
+  position: relative;
+
+  &::before {
+    background: var(--link-color);
+    bottom: 0;
+    content: '';
+    height: 2px;
+    // Fix issue #75
+    left: 0;
+    position: absolute;
+    transform: scaleX(0);
+    transition: transform $transition-ease;
+    width: 100%;
+  }
+
+  &:hover::before {
+    transform: scaleX(1);
+  }
+
+  .fa-external-link-alt {
+    font-size: $font-size-small;
+    margin-left: 5px;
+  }
+}
+
+.post-sticky-flag {
+  display: inline-block;
+  // Fix issue #80 #140
+  margin-right: 8px;
+  transform: rotate(30deg);
+}
+
+.posts-expand .post-meta-container {
+  color: $grey-dark;
+  font-family: $font-family-posts;
+  font-size: $font-size-smallest;
+  margin-top: 3px;
+
+  .post-description {
+    font-size: $font-size-small;
+    margin-top: 2px;
+  }
+
+  time {
+    border-bottom: 1px dashed $grey-dark;
+  }
+}
+
+// Flexbox layout makes it possible to reorder the child
+// elements of .post-meta through the `order` CSS property
+.post-meta {
+  @include flex-wrap();
+}
+
+// .post-meta-item exists in .post-meta and footer
+:not(.post-meta-break) + .post-meta-item::before {
+  content: '|';
+  margin: 0 .5em;
+}
+
+.post-meta-item-icon {
+  margin-right: 3px;
+}
+
+.post-meta-item-text {
+  @if not hexo-config('post_meta.item_text') {
+    display: none;
+  }
+
+  @include tablet-mobile() {
+    display: none;
+  }
+}
+
+.post-meta-break {
+  flex-basis: 100%;
+  height: 0;
+}
+
+@if hexo-config('busuanzi_count.enable') and hexo-config('busuanzi_count.post_views') {
+  #busuanzi_container_page_pv {
+    display: none;
+  }
+}