npm 包 gitbook-plugin-disqus-proxy 使用教程

在使用 GitBook 构建自己的静态博客时,可能会想要集成评论系统,而 Disqus 是一个流行的评论系统。disqus 官方提供了官方的 Disqus Pagination 插件,可以在 GitBook 的构建结果上显示评论。但这个插件的问题是,如果你的博客在国内,Disqus 可能会无法连接,而这个插件也没有解决这个问题。

gitbook-plugin-disqus-proxy 插件是一个用于 GitBook 的插件,它解决了前面插件的问题。它利用了 disqus-proxy 代理,可以让 Disqus 在国内正常工作。

本文将介绍如何使用 gitbook-plugin-disqus-proxy 插件来解决 Disqus 无法在国内访问的问题。

安装

首先,你需要在 GitBook 中安装 gitbook-plugin-disqus-proxy 插件。你可以在你的 GitBook 项目的 book.json 文件中,像这样添加:

-
    ---------- -------------------------------
-

然后,运行以下命令来安装插件:

- ------- -------

配置

接下来,你需要配置 disqus 的代理地址。你可以在 Disqus 控制面板的“Admin/Advanced/Trusted Domains”中添加代理地址。然后,将以下配置添加到你的 book.json 文件中:

-
    ---------- -
        -------------- -
            ------------ ------------------
            ------ ---------------------------
        -
    -
-

在配置中,将 YOUR_SHORT_NAME 替换为你的 Disqus 短名称,在 url 字段中输入你使用的代理地址。

示例

最后,你可以在你的 GitBook 中使用 disqus。你可以在任何页面使用以下代码:

-- ------ --

现在,你可以在 GitBook 上查看 Disqus 评论系统的效果了。

结论

gitbook-plugin-disqus-proxy 插件是一个方便的插件,可以让 Disqus 在国内正常工作。这个插件让你不再需要使用繁琐的 VPN 来访问 Disqus,节省了时间和精力。希望本文可以帮助你集成 Disqus 评论系统到你的 GitBook 中。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60056c8981e8991b448e603c


猜你喜欢

  • npm 包 ngx-range-slider 使用教程

    简介 ngx-range-slider 是一个 Angular 包,用于在网页中创建范围滑块。它支持双向绑定,样式定制,和多种事件和属性。 安装 在使用 ngx-range-slider 之前,你需要...

    3 年前
  • npm 包 salesforce-js-remoting-utils 使用教程

    前言 在 Salesforce 开发中,JavaScript Remoting 是一种调用后端 Apex Code 的机制,能够将数据直接从浏览器发送到后端,从而减少服务器负载和数据传输量,并提高应用...

    3 年前
  • npm 包 cordova-plugin-facebook4-urlscheme 使用教程

    在开发移动应用时,我们通常会需要使用社交媒体的 API 来获取一些信息,比如 Facebook。但是,社交媒体 API 通常都需要使用 OAuth 认证,因此我们需要设计一个机制使得我们的应用能够与社...

    3 年前
  • npm 包 zool-stylus 使用教程

    在前端开发中,样式处理是一个十分重要的部分。而 stylus 是一种类似于 css 的语言,可以让我们更方便、更灵活地编写样式。在这里,我们介绍一款 npm 包 zool-stylus,它可以帮助我们...

    3 年前
  • npm 包 @bitscheme/react-native-push-notification 使用教程

    前言 随着移动应用的普及和用户需求的增加,推送通知已经成为了一种必不可少的功能。而 React Native 作为一种跨平台的移动应用开发框架,也需要能够方便的集成推送功能。

    3 年前
  • npm 包 github-searcher-cli 使用教程

    简介 github-searcher-cli 是一个基于 Node.js 的命令行工具,可以帮助我们在控制台上搜索 Github 上的仓库并返回相关信息。 安装 我们可以通过 npm 命令来全局安装 ...

    3 年前
  • npm 包 interbit-seamless 使用教程

    在前端开发中,我们经常需要使用一些第三方库来完成我们的项目功能。npm 是目前最流行的包管理工具之一,可以帮助我们方便地管理和安装需要的 npm 包。 interbit-seamless 是一款方便快...

    3 年前
  • npm 包 interbit-bft 使用教程

    在区块链的应用开发中,涉及到共识算法的实现,这是一个非常复杂的问题。而 interbit-bft 这个 npm 包就是为了解决这一难题而生的。本文将详细介绍如何使用 interbit-bft 实现区块...

    3 年前
  • npm包interbit-seamless-immutable使用教程

    简介 interbit-seamless-immutable是一个npm包,可以用于处理数据不可变的问题。 在开发前端应用的时候,数据的状态非常重要,尤其是在考虑到一个用户或是多个用户并行访问同一个应...

    3 年前
  • npm 包 typescript-mix-class 使用教程

    介绍 typescript-mix-class 是一个用于 TypeScript 的库,它提供了一种方便的方式来创建 mixin 类。Mixin 类是一个可以合并多个类的类,当我们使用多重继承时,Mi...

    3 年前
  • npm 包 @hapiness/date 使用教程

    在前端开发过程中,经常需要处理日期时间的相关操作,例如格式化日期、计算日期间隔、转换时区等。而 npm 包 @hapiness/date 可以帮助我们轻松地完成这些操作。

    3 年前
  • npm 包 jest-jsxstyle 使用教程

    在前端开发中,自动化测试是非常重要的一环,而 Jest 是一个流行的 JavaScript 测试框架,它具有快速、简单、强大等特点,可以用于测试 React、Vue、TypeScript 等前端项目。

    3 年前
  • npm 包 @remobile/react-native-call-state 使用教程

    简介 @remobile/react-native-call-state 是一个基于 React Native 的 npm 包,它提供了检测原生电话状态的功能,并且它可以在后台运行,支持返回来电号码和...

    3 年前
  • npm 包 stomp-websocket-js 使用教程

    npm 包 stomp-websocket-js 使用教程 什么是 stomp-websocket-js? stomp-websocket-js 是一个 JavaScript 库,用于与 STOMP ...

    3 年前
  • npm包websiteopt使用教程

    在前端开发过程中,为了提高网站的性能和用户体验,我们通常需要对站点进行优化。这项工作有时十分繁琐,但是通过使用npm包websiteopt,我们可以轻松地进行站点优化。

    3 年前
  • npm 包 eslint-import-resolver-kjlnode 使用教程

    在前端项目开发中,我们经常会使用 ESLint 这样的工具来检查代码的规范性。而 eslint-import-resolver-kjlnode 作为一个 npm 包,可以帮助我们更加方便地处理 Jav...

    3 年前
  • npm 包 zuber-cli 使用教程

    由于前端技术每天都在发展,我们需要按时更新我们的技术知识。而 npm 包 zuber-cli 就是一个非常有用的工具,可以帮助我们快速搭建前端项目,提高开发效率。本文将详细介绍如何使用 zuber-c...

    3 年前
  • npm 包 @wmhilton/wills-wonderful-service-worker 使用教程

    在前端开发过程中,Service Worker 是一个非常强大的工具,它可以使 Web 应用程序更加高效,可靠且快速。而 @wmhilton/wills-wonderful-service-worke...

    3 年前
  • npm 包 bone-api 使用教程

    前端开发过程中,经常会需要调用 API 接口来获取数据并进行展示。为了提高开发效率,我们可以使用 npm 包来帮助我们快速地处理相关请求和数据。本文将介绍一款名为 bone-api 的 npm 包,同...

    3 年前
  • npm包magic-cli-search使用教程

    前言 在前端开发过程中,我们经常需要在命令行中使用一些工具来辅助开发工作。而 npm 是一个很好的工具,它是 Node.js 的包管理器,可以用于安装和管理 Node.js 模块,也可以将自己的模块发...

    3 年前

相关推荐

    暂无文章