前言
随着网页技术的不断发展，前端工程师们的工作范围也越来越宽广。例如，以前我们只需要编写 HTML、CSS 和 JavaScript，现在我们还需要学会使用各种框架、构建工具、测试工具，甚至是后端开发技术等。其中，使用 npm 包成为前端开发中最为常见和基础的一项技能。
本文将介绍一个名为 hexo-autonofollow-customized 的 npm 包的使用教程，让你可以轻松地自动化管理你的网站的外链 nofollow 关系，同时也可以拓展你的对 npm 的理解与应用。
什么是 hexo-autonofollow-customized？
hexo-autonofollow-customized 是一个专门针对 hexo 博客系统而开发的自动添加 nofollow 属性的插件。使用这个插件，你可以在博客文章中自动识别并添加 nofollow 属性，从而更好地管理你的外链关系。同时，该插件还支持一些自定义的功能，例如过滤某些站点或者编辑某些文章的 nofollow 状态等。
该插件主要由以下几个文件组成：
hexo-autonofollow-customized/
└── lib/
├── filter.js
└── index.js其中，filter.js 文件用于实现自动添加 nofollow 属性的功能，而 index.js 文件则是插件的入口文件。
hexo-autonofollow-customized 的安装与配置
- 首先，在命令行中进入你的 hexo 博客项目中。
- 使用以下命令安装 hexo-autonofollow-customized 插件：
npm install hexo-autonofollow-customized --save
- 安装完成后，打开 hexo 博客配置文件
_config.yml，添加以下内容：
autonofollow: enable: true
此处，我们启用了 hexo-autonofollow-customized 的 nofollow 功能，可以自动添加 nofollow 属性。 4. 如果你想要过滤某些站点，可以在配置文件中添加：
autonofollow: enable: true exceptions: [ 'example.com', 'example2.com']
并将 example.com 和 example2.com 替换为你想要过滤的站点名。 5. 如果你想编辑某篇文章的 nofollow 状态，可以在文章的 front-matter 中添加：
title: Sample Article date: 2022-07-30 tags: - sample autonofollow: false
其中，autonofollow: false 表示该文章中的外链将不会添加 nofollow 属性。
使用示例
- 在你的 hexo 博客项目中，新建一篇名为
sample-article.md的文章。 - 在文章中添加一个外链，例如：
<a href="https://example.com">Example</a>
- 查看生成的 HTML 文件，可以发现该外链已自动添加了 nofollow 属性：
<a href="https://example.com" rel="nofollow">Example</a>
- 如果你想在某篇文章中禁用 nofollow 属性，只需在 front-matter 中添加
autonofollow: false即可。
总结
本文介绍了一个 npm 包 hexo-autonofollow-customized 的使用方法。该插件可以在博客文章中自动添加 nofollow 属性，从而更好地管理网站的外链关系。同时，通过本文的学习，你也可以拓展对 npm 包的理解与应用。如果你有任何问题或建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d530d0927023822b0a