使用Hexo有一段时间,配合atom的目录管理功能,整体还算顺手,但归档页跟首页一样显示对应条数文章,打开归档页的时候有点别扭。去看主题作者博客的归档页却是一页显示的,别人能做,那咱也改一把。

原理分析

原以为这是主题的功能,查了资料才知道,这是Hexo解析插件的事,跟解析置顶排行一样,所以需要在Hexo的配置文件_config.yml中修改配置。

Hexo在生成静态页的时候,需要使用对应的插件:

  • hexo-generator-index #生成首页的
  • hexo-generator-archive #生成归档页的
  • hexo-generator-tag #生成标签页的

在原配置中,per_page: 10控制所有的分页配置,包括首页,归档页,tag分类页面,如后面的数字是10,那么所有的页面都是10条进行分页。

方法一

只单独控制归档里的分页,在Hexo配置中新增以下配置:

1
archive:  1

为了配置好管理,一般跟相关功能放一块
1
2
3
4
5
# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page
archive: 1

方法二(推荐)

该方法对首页,归档及标签分别控制,Hexo能运行起来,一般这三个插件都安装过了,没安装的用以下命令安装。

1
2
3
$ npm install hexo-generator-index --save
$ npm install hexo-generator-archive --save
$ npm install hexo-generator-tag --save

Hexo的配置文件_config.yml中新增以下内容:

1
2
3
4
5
6
7
8
9
10
11
# 设置首页分页之前默认就有,这里就不额外加了
# index_generator:
# per_page: 5

archive_generator:
per_page: 40 #值为0表示不分页,按需填写
yearly: true #是否按年生成归档
monthly: false #为了加快生成速度,按月归档就不要了

tag_generator:
per_page: 40 #值为0表示不分页,按需填写

保存重启Hexo生效,或者直接生成静态页就看出效果了。

后记

根据上面的原理,依葫芦画瓢,我们也可以对分类展示页进行改造,以期与首页独立控制分页条数。

1
2
category_generator:
per_page: 40 #值为0表示不分页,按需填写

参考链接

首页分页和归档分页不同是如何做到的? #30