在前端开发领域中，社交交互是十分重要的一部分，而开发评论系统是实现社交交互的重要手段之一。npm 包 commentbox.io 提供了一个快捷而轻量级的评论系统集成方案，非常适合用在个人博客、小型项目等场景上。
安装
在使用 npm 包 commentbox.io 之前，我们需要先进行安装。在控制台（terminal）中进入项目所在文件夹并输入以下命令：
npm install commentbox.io --save
该命令会将 commentbox.io 包安装到你的项目中，并保存到 package.json 的依赖项（dependencies）中。
使用
在安装完之后，我们就可以在开发中使用 commentbox.io 了。使用 commentbox.io 需要先在 官网 中注册一个账号，并创建评论系统。
创建评论系统后，在该评论系统的属性中可以找到 HTML embed code，拷贝后在你的前端页面中特定的位置中粘贴如下代码：
<div id="commentbox"></div>
<script src="https://unpkg.com/commentbox.io/dist/commentBox.min.js"></script>
<script>
commentBox('YOUR_PROJECT_ID'); // Replace with your project id
</script>其中一些属性需要在前端代码中进行定制，例如 theme 定制、评论数限制等，可以通过在 commentBox() 函数中添加一个数组对象来进行配置。具体的属性设置可以参考 官方文档。
示例
下面是一个实际使用 commentbox.io 的代码示例：
-- -------------------- ---- -------
--------- -----
------
------
-------------------- ------------
----- ----------------
----- --------------- ---------------------------- -------------------
-------
------
----------------- ---------
----------------------
---- ----------------------
------- ----------------------------------------------------------------------
--------
---------------------------------------
---------
-------
-------总结
使用 npm 包 commentbox.io 集成评论系统是一种快速而轻量的方案，适合在各种小型项目中使用。在使用之前需要先进行注册和创建评论系统，然后在前端中通过 commentBox() 函数添加个性化配置和实现相关功能。
除了 commentbox.io，很多其他的 npm 包也提供了高效的前端解决方案，可以更快速的实现和完善你的 web 项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e2d9381d61a35409a5