抽离出页面模板 page.ejs，根据不同的路由，渲染不同内容

layout/archive.ejs

@@ -1,14 +1 @@
-<!-- 检查当前页面是否为存档页面 -->
+<%- partial('page') %>
-<h1> 存档页面 </h1>
-<% if (is_archive()) { %>
-    <ul class="post-container">
-        <% page.posts.forEach(post => { %>
-            <li class="post-item">
-                <div> 文章标题：<%= post.title %> </div>
-                <div> 建立日期：<%= date(post.date, 'YYYY-MM-DD HH:MM:SS') %> </div>
-                <div> 更新日期：<%= date(post.updated, 'YYYY-MM-DD HH:MM:SS') %> </div>
-                <div> 页面摘要：<%= post.excerpt ? post.excerpt : '页面无摘要'  %> </div>
-            </li>
-        <% }) %>
-    </ul>
-<% } %>

layout/common/archive-post.ejs

@@ -0,0 +1,11 @@
+<!-- 归档页面 内容 -->
+<ul class="archive-post-container">
+    <% site.posts.forEach(post => { %>
+        <li class="post-item">
+            <div> 文章标题：<%= post.title %> </div>
+            <div> 建立日期：<%= date(post.date, 'YYYY-MM-DD HH:MM:SS') %> </div>
+            <div> 更新日期：<%= date(post.updated, 'YYYY-MM-DD HH:MM:SS') %> </div>
+            <div> 页面摘要：<%= post.excerpt ? post.excerpt : '页面无摘要' %> </div>
+        </li>
+    <% }) %>
+</ul>

layout/common/article-post.ejs

@@ -50,6 +50,7 @@
     <% } %>
 
     <!-- 分页器 -->
+    <!-- https://hexo.io/zh-cn/docs/helpers#paginator -->
     <div class="paginator">
 
         <!--<ul class="paginator-btn-box">

layout/index.ejs

@@ -1,9 +1,2 @@
 <!-- index 首页 -->
-<div class="page-container">
+<%- partial('page') %>
-    <div class="page-left">
-        <%- partial('left-side') %>
-    </div>
-    <div class="page-right">
-        <%- partial('right-side') %>
-    </div>
-</div>

layout/page.ejs

@@ -0,0 +1,9 @@
+<!-- 页面模板 -->
+<div class="page-container">
+    <div class="page-left">
+        <%- partial('left-side') %>
+    </div>
+    <div class="page-right">
+        <%- partial('right-side') %>
+    </div>
+</div>

layout/right-side.ejs

@@ -3,6 +3,12 @@
         <%- partial('common/nav') %>
     </div>
     <div class="article-post-container">
+        <% if (is_archive()) { %>
+            <!-- 载入归档页内容 -->
+            <%- partial('common/archive-post') %>
+        <% } else { %>
+            <!-- 载入首页内容 -->
             <%- partial('common/article-post') %>
+        <% } %>
     </div>
 </div>