前言
在网站建设中,评论系统是必不可少的一个模块。而 Disqus 是一个常用的第三方评论系统。disqus-snippet 是一个 npm 包,它可以帮助我们在使用 Disqus 时更加方便地进行集成。
安装
npm install disqus-snippet
快速开始
在页面中加入以下代码片段即可使用 disqus-snippet 提供的基础评论组件:
-- -------------------- ---- ------- ---- ------------------------- -------- --- ------------- - -------- -- - ------------- - --- ----- -------------------- - --- ------------ -- ----------- - --- - - --------- - - -------------------------- ----- - ------------------------------------------------ -------------------------------- ---- -------- ------- -- ----------------------- ----- ---------
需要注意的是,我们需要在 Disqus 官网上注册一个账号,并在使用 disqus-snippet 时将脚本的 s.src
中的 your-account-name
替换成我们自己的账号名。
集成 disqus-snippet
我们可以使用 disqus-snippet 提供的集成器帮助我们更方便地集成 disqus-snippet。集成器的使用方法如下:
-- -------------------- ---- ------- ----- ------------- - -------------------------- ----- ------ - --------------- ---------- ------------------ ----------- -------------------- ------ --------------- ---- ------------------------- ----------- ------ ------- ---------- ------ ----------------- ----------- -------- ---------- ------- --------- ----------------------- -------- -------- ---
上述代码的作用是生成一段带有 disqus 评论框架的 HTML 代码,其中包含诸多自定义设置。
更多的使用示例可以参考官网:https://www.npmjs.com/package/disqus-snippet
小结
disqus-snippet 的出现大大简化了 disqus 评论系统的使用方式,通过本教程的介绍,相信你已经可以轻松上手使用 disqus-snippet 了。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056cbf81e8991b448e635d