前言
在我们进行网站开发时，经常会需要展示一些站点链接，比如友情链接，社交媒体链接等。然而，手动维护这些链接一方面工作量大，另一方面，当网站数量较多时，手动修改链接也非常麻烦。因此，我们需要寻找合适的工具来简化这一过程。本文就为大家介绍一款npm包：hexo-blogroll，它可以帮助我们管理和展示站点链接。
hexo-blogroll 简介
hexo-blogroll 是一个 Hexo 插件，它可以帮助我们快速添加和管理站点链接。使用该插件可以很方便地在博客中添加链接，并且支持按照不同的分类进行展示，非常方便实用。
安装
使用 npm 安装 hexo-blogroll。
npm install hexo-blogroll --save
安装好插件后，需要在 hexo 的配置文件 ( _config.yml ) 中开启 blogroll 插件。
blogroll: data: blogroll.json per_page: 10
其中，data代表存储站点数据的 json 文件的路径，blogroll.json 是用来存储站点链接的文件，per_page 代表每页展示多少链接。
使用
添加链接
在项目根目录中查找到 blogroll.json 文件。在该文件中添加需要展示的链接（以下是一个简单示例）：
-- -------------------- ---- -------
-
-
------- ---------
------- ------------------------------
------------- - --------
--
-
------- ---------
------- ----------------------
------------- - ------- ---- ----- - ------ ---
-
-其中，name 代表链接的名称，link 代表链接的地址，description 代表链接的描述。
展示链接
在需要展示站点链接的页面上，可以使用以下代码进行链接展示：
<% blogroll(2, 'github', 'hexo') %>
其中，第一个参数表示展示的链接分类，数字代表分类的编号；后面的字符串表示需要排除的分类，无需在页面中展示的分类。该命令会在页面中生成链接列表。
结语
hexo-blogroll 是一个非常实用的插件，可以帮助我们快速添加和管理站点链接。通过本文的介绍，相信大家已经能够掌握如何使用该插件了。如果您有任何的疑问或者建议，欢迎在下方的评论区中留言，我们会尽快回复。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf581e8991b448e6ac5