rename

layout/post.ejs

@@ -19,7 +19,7 @@ function layoutTitle() {
 <article class='content md <%- post.layout %><%- scrollreveal() %>'>
 <%- layoutTitle() %>
 <%- post.content %>
-<%- partial('_partial/main/article/references') %>
+<%- partial('_partial/main/article/article_footer') %>
 </article>
 <%- partial('_partial/main/article/read_next') %>
 <%- partial('_partial/main/article/related_posts') %>

layout/wiki.ejs

@@ -29,7 +29,7 @@ function layoutTitle() {
   <article class='content md <%- page.layout %><%- scrollreveal() %>'>
   <%- layoutTitle() %>
   <%- page.content %>
-  <%- partial('_partial/main/article/references') %>
+  <%- partial('_partial/main/article/article_footer') %>
   </article>
   <%- partial('_partial/main/article/read_next') %>
   <%- partial('_partial/plugins/comments/layout') %>

scripts/helpers/related_posts.js

@@ -17,7 +17,6 @@ hexo.extend.helper.register('popular_posts_wrapper', function(args){
   if (cfg.enable != true) return;
   var returnHTML = "";
   var div = `
-    <div class="related_posts">
     <section class='header'>
       <div class='title cap theme'>${title}</div>
     </section>
@@ -54,6 +53,6 @@ hexo.extend.helper.register('popular_posts_wrapper', function(args){
 
   if (returnHTML != "") returnHTML = "<div class=\"" + cls + "\">" + returnHTML + "</div>";
   div += returnHTML;
-  div += '</section></div>';
+  div += '</section>';
   return div;
 });

source/css/_layout/partial/article-footer.styl

@@ -34,7 +34,7 @@
 
 .md .article-footer .social-wrap
   grid-gap: 0.5rem 1rem
-  margin: 1rem 0
+  margin: 0
 
 .md .article-footer .qrcode
   margin: 2rem auto 1rem

source/css/_layout/partial/comments.styl

@@ -1,9 +0,0 @@
-.related-wrap#comments
-  div.cmt-body
-    min-height: 150px
-    position: relative
-    svg.loading
-      top: 60px
-  a.avatar
-    border-radius: 120px !important
-    overflow: hidden !important

source/css/_layout/partial/read_next.styl

@@ -1,14 +0,0 @@
-.related-wrap#read-next
-  .body
-    .post-title
-      margin: 0.5rem 0
-      line-height: 1.2
-      a
-        color: inherit
-        &:hover
-          color: $color-hover
-      &.fs14
-        color: var(--text-p3)
-        font-weight: 500
-      &.h2
-        color: var(--text-p1)

source/css/_layout/partial/related.styl

@@ -1,3 +1,8 @@
+.related-wrap
+  padding: 2rem 1rem
+  &:empty
+    display: none
+
 .related-wrap#related-posts
   .related-posts
     width: 100%
@@ -60,3 +65,27 @@
           transform: scale(1.04)
     a+a
       margin-left: 1rem
+
+
+.related-wrap#read-next
+  .body
+    .post-title
+      margin: 0.5rem 0
+      line-height: 1.2
+      a
+        color: inherit
+        &:hover
+          color: $color-hover
+      &.fs14
+        color: var(--text-p3)
+        font-weight: 500
+      &.h2
+        color: var(--text-p1)
+
+
+.related-wrap#comments
+  div.cmt-body
+    min-height: 150px
+    position: relative
+    svg.loading
+      top: 60px

source/css/_layout/partial/related_wrap.styl

@@ -1,4 +0,0 @@
-.related-wrap
-  padding: 2rem 1rem
-  &:empty
-    display: none