jjeejj / jjeejj.github.io

blog网站地址: https://www.wenjunjiang.win
3 stars 1 forks source link

gitment评论模块接入hexo | 我的博客 #8

Open jjeejj opened 7 years ago

jjeejj commented 7 years ago

http://wenjunjiang.win/2017/07/02/gitment%E8%AF%84%E8%AE%BA%E6%A8%A1%E5%9D%97%E6%8E%A5%E5%85%A5hexo/

yidao620c commented 6 years ago

dddd

jjeejj commented 6 years ago

由于引入的 gitment.js 中有这样的一段代码:

     _utils.http.post('https://gh-oauth.imsun.net', {
        code: code,
        client_id: client_id,
        client_secret: client_secret
      }, '').then(function (data) {
        _this.accessToken = data.access_token;
        _this.update();
      }).catch(function (e) {
        _this.state.user.isLoggingIn = false;
        alert(e);
      });

请求了一个服务接口,由于这个服务接口是作者自己搭建的,已经停止了。

这个存在跨域服务的

yidao620c commented 6 years ago

谢谢了

yidao620c commented 6 years ago

难怪我的Github主页会推荐你的链接,原来我的博客评论就是参考你的gitment

jjeejj commented 6 years ago

@yidao620c 现在gitmet 有问题了,作者处理跨域的服务,已经不能用了,现在都是都是自己在搭建服务。不知道你的还可以不可以的?

jjeejj commented 6 years ago

@yidao620c 其实如果 你经常在 github 上提交代码的话,就会把推荐替换下去的,都会显示自己的

yidao620c commented 6 years ago

我的还是可以用啊,没改

yidao620c commented 6 years ago

现在你的评论系统用的是自己搭建的?

jjeejj commented 6 years ago

@yidao620c 可以看这个 issue https://github.com/imsun/gitment/issues/170 作者写的一个简单在这 https://github.com/imsun/gh-oauth-server

我自己的 服务还在写 https://github.com/jjeejj/CORS-Proxy-Server 通用的

yidao620c commented 6 years ago

你写好了更新下你的博客呀,我不去研究这个了。直接偷你的成果可否?^_^

jjeejj commented 6 years ago

@yidao620c 写好后,我会更新一下的

jjeejj commented 6 years ago

hexo 这个评论接了一个自己写的一个通用的跨域服务 https://cors.wenjunjiang.win/ github地址为:https://github.com/jjeejj/CORS-Proxy-Server ,代替作者的 https://gh-oauth.imsun.net 这个接口地址,去请求 github的接口。 可以自己搭建,可以转发所有的前端跨域服务。要注意的是: 在向 github 请求 access_token时 需要带上 Accept: application/json 或者 Accept: application/xml 请求头, 否则回报 406 的错误

jjeejj commented 6 years ago

直接把这个文件 https://imsun.github.io/gitment/dist/gitment.browser.js 替换为 https://www.wenjunjiang.win/js/gitment.js 就可以了

jjeejj commented 6 years ago

是 fork 源作者的 repo ,在这个基础上改的,接入自己的服务,修改了一些 地方
https://github.com/jjeejj/gitment

wardseptember commented 6 years ago

我的gitment为啥在我该域名后就失效了,请教一下。http://wardseptember.me/

jjeejj commented 6 years ago

@wardseptember 我刚才试了,你的是可以登录使用的。只不过你还用的原作者的按个 gitment.js 文件,不稳定而已

wardseptember commented 6 years ago

谢谢你啊,解决了。

yidao620c commented 6 years ago

我的换了后头像怎么显式不出来了?

yidao620c commented 6 years ago

哈哈,解决了。是这边网络问题

eibitme commented 6 years ago
// 测试 markdown
var express = require('express')
iT-Boyer commented 6 years ago

直接把这个文件 https://imsun.github.io/gitment/dist/gitment.browser.js 替换为 https://www.wenjunjiang.win/js/gitment.js 就可以了 直接替换gitment.swig文件中的吗,这样是通过你部署的CORS-Proxy-Server服务了吗?

jjeejj commented 6 years ago

@huos3203 对的,直接替换 gitment.swig 文件中,引用的 gitment.js 相关的文件就可以了

oouxx commented 6 years ago

请问一下,新版本的next集成的gitment 要在什么地方修改

jjeejj commented 6 years ago

@oouxx 最新版的 next , 我没有看过对应的文件结构,原理应该也是一样的,修改对应的 swig 文件,把评论框集成进去据可以了,你可以自己尝试一下

oouxx commented 6 years ago

@jjeejj 嗯呢,我试试

leondada commented 6 years ago

弱弱问一句,其他主题能不能这样配置

jjeejj commented 6 years ago

@leondada 其他主题,没有看过文件结构。 把文件结构看懂了,应该也可以这样添加的

tinycedar commented 6 years ago

牛逼啊,我试一下

tinycedar commented 6 years ago

牛逼啊

tinycedar commented 6 years ago

test

yantijin commented 6 years ago

请问应该怎么解决呢?那个修改的gitment的install的两行应该放在哪里呢??

jjeejj commented 6 years ago

@yantijin 没有明白,你的问题是什么? 麻烦描述清楚一点

yantijin commented 6 years ago

这两行放在那里呢?

jjeejj commented 6 years ago

@yantijin 博客里面有写 image

yantijin commented 6 years ago

@yantijin 博客里面有写 image 好的,解决了,谢谢!

freejared commented 5 years ago

嗨, 你好, 我这边的github pages原本是可以看到gitment评论框的,但是中途我换了一次畅言,然后再换回来的时候,gitment的评论框死活看不到了, 我从git上回退代码,发现也不行,能否帮忙看看? 这个评论系统折腾了好几天了,还没有折腾起来。 https://github.com/freejared/freejared.github.io

jjeejj commented 5 years ago

@freejared 我看你现在用的 Valine 评论系统。 如果你想接入 gitment 的,你可以先接入,看看控制台报什么错的。我之前也遇到这样的问题,控制台报错可以很好的定位问题的

wardseptember commented 5 years ago

想问一下你们怎么@别人的(无奈)

jjeejj commented 5 years ago

@wardseptember 在评论框内输入@符号后,后面可以会出现的名字都会自动以列表的形式出来的

ghost commented 5 years ago

用上了 很赞

tengxt commented 5 years ago

大佬 您好,我也是引用的您的js地址,之前就可以评论的,但是最近我发现网站在gitment时点击登录时会报[object ProgressEvent]错误,在浏览器器看见里还是引入了下面这段代码;望大佬有时间帮我看看

     _utils.http.post('https://gh-oauth.imsun.net', {
        code: code,
        client_id: client_id,
        client_secret: client_secret
      }, '').then(function (data) {
        _this.accessToken = data.access_token;
        _this.update();
      }).catch(function (e) {
        _this.state.user.isLoggingIn = false;
        alert(e);
      });
jjeejj commented 5 years ago

@xt998 你引入的服务器地址还在之前作者弃用的,没有引入我的新的服务器地址,你可以查看你的hexo博客中是否修改过来了,或者你的浏览器清除缓存试试看,有问题可以再过来问

tengxt commented 5 years ago

@jjeejj 我在F:\blogs\summer\themes\next\layout_third-party\comments\gitment.swig这个文件夹下已经替换成你的js了;但是在浏览器还是请求之前作者的地址,缓存我都已经清了。。。

{% if not (theme.duoshuo and theme.duoshuo.shortname) and not theme.duoshuo_shortname %}
{% if theme.gitment.enable and theme.gitment.client_id %}
<!-- LOCAL: You can save these files to your site and update links -->
    {% if theme.gitment.mint %}
        {% set CommentsClass = "Gitmint" %}
        <link rel="stylesheet" href="https://aimingoo.github.io/gitmint/style/default.css">
        <script src="https://aimingoo.github.io/gitmint/dist/gitmint.browser.js"></script>
    {% else %}
        {% set CommentsClass = "Gitment" %}
        <link rel="stylesheet" href="https://www.wenjunjiang.win/css/gitment.css">
        <script src="https://www.wenjunjiang.win/js/gitment.js"></script>
    {% endif %}
<!-- END LOCAL -->
jjeejj commented 5 years ago

@xt998 不要看你本地的,看你 编译之后上传到 github 文件 image 我看你的 github 库 是没有替换过来的

tengxt commented 5 years ago

@jjeejj 大佬,麻烦您给我说一下,您在哪里看的(给个路径);我没找到

jjeejj commented 5 years ago

@xt998 你的仓库地址,随便一个 html 页面都有

liuhuiIris commented 5 years ago

搞了一天,感觉评论的坑踩了个遍,服务器的坑,跨域的坑,id长度的坑,还有两个github账号各种登不上的坑,借用你的服务器啦,手动比心心❤️

Dennis8274 commented 5 years ago

@jjeejj 大佬,按照你上边操作了一遍,发现仍然是CORS的问题,麻烦看一眼。。

jjeejj commented 5 years ago

@Dennis8274 把错误信息和你的 hexo 网址发出来,我看看什么什么问题,你这样问,我没法回答

Dennis8274 commented 5 years ago

@Dennis8274 把错误信息和你的 hexo 网址发出来,我看看什么什么问题,你这样问,我没法回答

搞定了,是最新版本的next的环境变量变了,如下图: image image ,另外还有一个问题咨询下, image图中标出的字样怎么样才能用中文表示?谢谢,辛苦