在博客中展示文章适合使用翻页插件，这样可以使用户浏览更多的内容。但是传统的翻页插件会使用户重复地看到相同的文章。为此，本文介绍 npm 包 hexo-tag-randpaging，一个基于 Hexo 的随机翻页插件。
hexo-tag-randpaging 简介
hexo-tag-randpaging 是一个 Hexo 站点的随机翻页插件。它可以帮助你在站点的每篇文章底部添加一个翻页链接，当用户浏览到文章末尾时，就可以轻松地转到站点中的其他文章。
不同于传统的翻页插件，hexo-tag-randpaging 会随机选取其他文章作为链接，而不是按照时间或者标签等顺序排列。这样可以让用户获得更多随机的内容，提高他们的浏览体验。
安装
安装 hexo-tag-randpaging，需要在 Hexo 目录下运行以下命令：
npm install hexo-tag-randpaging --save
安装后需要在博客的配置文件 _config.yml 中添加以下内容：
randpaging:
perPage: 5
exclude:
- about
categories:
- etcperPage：每页呈现的链接数量，默认为 5。exclude：需要排除的文章。（可选）categories：需要呈现的文章分类。（可选）
使用
hexo-tag-randpaging 集成在 Hexo 模板中，可以直接在模板中的文章页脚位置添加特定的标记：
<%- rand_paging({ text: '阅读下一篇文章', url: '#', button: true }) %>标记可以根据自己的需要进行调整，建议增加阅读下一篇文章的链接。
除了在文章页面中使用之外，其他任何页面都可以使用。例如，在侧边栏中添加一个随机文章链接：
<% var randomIndex = Math.floor(Math.random() * site.posts.length) %> <a href="<%= site.posts[randomIndex].permalink %>"><%= site.posts[randomIndex].title %></a>
示例代码
下面是我在一个项目中使用 hexo-tag-randpaging 的示例代码：
-- -------------------- ---- ------- -- --- ----------- - ------------------------ - ------------------ -- -- --- --------------- - --------------------------------- -- -- --- ----------- - ----------------------------- -- ---- -------------------- ------ ----------------------- ------- -- --------- --------------- ------- ----------- ------ ------ ------------- ----- ------- ---- ---- ------- ---- -- ------ ------
这段代码实现了在侧边栏中增加一个随机文章链接，用户可以打开链接阅读随机文章，并继续浏览其他文章。
结语
hexo-tag-randpaging 是一个非常实用的翻页插件，它可以帮助你为博客增加多样性，并提高用户的浏览体验。使用 hexo-tag-randpaging 非常简单，只需要按照本文介绍的方式安装和配置即可。另外，本文还介绍了如何在其他页面中使用 hexo-tag-randpaging，以及如何在侧边栏中增加随机文章链接。希望读者可以从中获得收获，并给自己的博客增加更多的色彩。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005525481e8991b448cfda2