zoukankan      html  css  js  c++  java
  • Gitalk 评论插件使用指南

    更详细用法看官网https://github.com/gitalk/gitalk/blob/master/readme-cn.md ,这里只是记录下有诱惑的具体操作。

    1.申请秘钥

    申请一个 OAuth application https://github.com/settings/applications/new

    获取 ID 和 secrets,必须要保存好,然后以后就看不到了,忘记了只能重建。

    2.Gitalk 的参数

    我这里是 react,其他的安装官网使用即可。

    import React from 'react';
    import 'gitalk/dist/gitalk.css';
    import GitalkComponent from 'gitalk/dist/gitalk-component';
    
    export default ({ id }) => {
      return (
        <GitalkComponent
          options={{
            clientID: '0259e9879ce2154fa035', // 上面申请到的
            clientSecret: 'bcxxxxxxxxxxx',
            repo: 'lucas270.github.io', //存放评论的仓库名称,可以是随便一个仓库,这里就用博客仓库好了。
            owner: 'lucas270', //github用户名
            admin: ['lcuas270'], //这博客仓库可以操作的用户名
            id: id, //唯一值,用来标记是哪个页面的评论,可以用window.location.pathname,我这里用到的地方不多,所以就为每个页面手动设置了
          }}
        />
      );
    };
    

    问题 1:Error: Not Found

    这是repo填错了,导致说没有找到这个仓库,当时填了完整的仓库地址,这只要填具体名称即可
    - repo: 'https://github.com/lucas270/lucas270.github.io'  X
    - repo: 'lucas270.github.io' √
    

    问题 2:未找到相关的 Issues 进行评论

    这个当时弄了好久,在网上看各种方法,都解决不了,网上说出现这情况的原因:

    1. 当时 Authorization callback URL 没设 https ——>不可能啊,直接复制浏览器上的,肯定是 https 的
    2. 配置 gitalk 选项时 admin 填错了——>这个也没错
    3. 存放评论的仓库没有 issue ——> 最坑就是这了,网上只是说去手动建一条 issue 即可,但没说 那条 issue 的 label 必须同时是 gitalk 的 label 和你在页面使用时配置的 id

    我们可以在示例中https://github.com/gitalk/gitalk/issues/1 看到它的 labels 是 Gitalk 和 Demo (插件默认的 labels 是 Gitalk),然后在源码第 138 行https://github.com/gitalk/gitalk.github.io/blob/master/index.html 看到设的 id 是 Demo

    我们手动新建一条 issue,并设置上 labels

    每个页面使用到 gitalk,应该单独设置一条 issue

    按上面那样设置好页面对应的 issue 后,然后刷新页面,就解决问题了。

  • 相关阅读:
    POJ 1887 Testing the CATCHER
    HDU 3374 String Problem
    HDU 2609 How many
    POJ 1509 Glass Beads
    POJ 1458 Common Subsequence
    POJ 1159 Palindrome
    POJ 1056 IMMEDIATE DECODABILITY
    POJ 3080 Blue Jeans
    POJ 1200 Crazy Search
    软件体系结构的艺术阅读笔记1
  • 原文地址:https://www.cnblogs.com/lucas27/p/14723040.html
Copyright © 2011-2022 走看看