npm 包 disqus-snippet 使用教程

阅读时长 3 分钟读完

前言

在网站建设中,评论系统是必不可少的一个模块。而 Disqus 是一个常用的第三方评论系统。disqus-snippet 是一个 npm 包,它可以帮助我们在使用 Disqus 时更加方便地进行集成。

安装

快速开始

在页面中加入以下代码片段即可使用 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

纠错
反馈