知识库页面增加分页功能

Author: Estom

scripts/knowledge-base.js

@@ -2,6 +2,7 @@
 
 const fs = require('fs')
 const path = require('path')
+const pagination = require('hexo-pagination')
 
 function normalizeSource(sourcePath) {
   if (!sourcePath) return ''
@@ -88,6 +89,7 @@ function traverseNodes(node, callback) {
 hexo.extend.generator.register('knowledge-base', function (locals) {
   const rootNode = createNode('知识库', [])
   const postsDir = path.join(hexo.source_dir, '_posts')
+  const perPage = typeof hexo.config.per_page === 'number' ? hexo.config.per_page : 10
 
   scanDirectories(rootNode, postsDir, [])
 
@@ -103,22 +105,21 @@ hexo.extend.generator.register('knowledge-base', function (locals) {
 
   sortNodeTree(rootNode)
 
-  const routes = []
-
   const rootData = {
     title: '知识库',
     knowledge: {
       name: rootNode.name,
       path: rootNode.path,
       url: 'knowledge/',
       children: rootNode.childrenList.map(serializeNode),
-      posts: rootNode.postsList
+      posts: []
     }
   }
 
-  routes.push({
-    path: 'knowledge/index.html',
+  const routes = pagination('knowledge/', rootNode.postsList, {
+    perPage,
     layout: ['knowledge-index', 'page'],
+    format: 'page/%d/',
     data: rootData
   })
 
@@ -130,15 +131,18 @@ hexo.extend.generator.register('knowledge-base', function (locals) {
         path: node.path,
         url: `knowledge/${node.path}/`,
         children: node.childrenList.map(serializeNode),
-        posts: node.postsList
+        posts: []
       }
     }
 
-    routes.push({
-      path: `knowledge/${node.path}/index.html`,
+    const pages = pagination(`knowledge/${node.path}/`, node.postsList, {
+      perPage,
       layout: ['knowledge-detail', 'page'],
+      format: 'page/%d/',
       data
     })
+
+    routes.push(...pages)
   })
 
   return routes

themes/butterfly/layout/knowledge-detail.pug

@@ -12,8 +12,9 @@ block content
       .article-sort-title 子知识库
       +knowledgeCardList(knowledgeChildren)
 
-    if page.knowledge && page.knowledge.posts && page.knowledge.posts.length
+    if page.posts && page.posts.length
       .article-sort-title 文章
-      +knowledgePostList(page.knowledge.posts)
+      +knowledgePostList(page.posts)
+      include includes/pagination.pug
     else if !knowledgeChildren.length
       p 这里暂无内容

themes/butterfly/layout/knowledge-index.pug

@@ -12,6 +12,7 @@ block content
       .article-sort-title 知识库
       +knowledgeCardList(knowledgeChildren)
 
-    if page.knowledge && page.knowledge.posts && page.knowledge.posts.length
+    if page.posts && page.posts.length
       .article-sort-title 文章
-      +knowledgePostList(page.knowledge.posts)
+      +knowledgePostList(page.posts)
+      include includes/pagination.pug