基于码云gitee的jekyll博客评论系统

一、参考如下链接配置第三方应用:

https://eillott.gitee.io/2018/08/29/Hexo%E6%8E%A5%E5%85%A5%E7%A0%81%E4%BA%91%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F/

二、_config.yml设置(注意冒号后面要加空格):

enable: true
comment_gitment_clientId: 获取的clientId
comment_gitment_clientSecret: 获取的Client Secret
redirect_uri: 应用回调地址,和第一步设置的一样,博客主页
# 这个值不变
oauth_uri: https://cors-anywhere.herokuapp.com/https://gitee.com/oauth/token
repo: 博客仓库的地址

三、在post.html中添加:

<!-- 评论系统 标题不能含英文冒号和英文逗号 -->
{% if site.enable %}
    <div id="giteementContainer"></div>
    <link rel="stylesheet" href="{{ '/styles/css/gitment.css' | prepend: site.baseurl }}">
    <script src="{{ '/styles/js/gitment.js' | prepend: site.baseurl }}"></script>
    <script>
        var title_length ='{{ page.title }}'.length
        if (title_length < 50 && '{{ page.title }}'.indexOf(",")== -1 && '{{ page.title }}'.indexOf(":")== -1){
            var giteement = new Giteement({
            id: '{{ page.title }}',
            owner: '{{site.gitee_username}}',
            repo: '{{site.repo}}',
            backcall_uri: '{{site.redirect_uri}}',
            oauth_uri:'{{site.oauth_uri}}',
            oauth: {
                client_id: '{{site.comment_gitment_clientId}}',
                client_secret: '{{site.comment_gitment_clientSecret}}',
            },
        });}
        else
        {
        var giteement = new Giteement({
            id: '{{ page.date }}',
            title: '{{ page.title }}',
            owner: '{{site.gitee_username}}',
            repo: '{{site.repo}}',
            backcall_uri: '{{site.redirect_uri}}',
            oauth_uri:'{{site.oauth_uri}}',
            oauth: {
                client_id: '{{site.comment_gitment_clientId}}',
                client_secret: '{{site.comment_gitment_clientSecret}}',
            },
        });}
        giteement.render('giteementContainer')
    </script>
{% endif %}
gitment.js:https://giteement.oss-cn-beijing.aliyuncs.com/giteement.browser.js
gitment.css:https://giteement.oss-cn-beijing.aliyuncs.com/default.css

四、重点,在主页index.html添加(但这样不具有通用性,我们一般在default.html中添加,index.html会调用default.html):

<script src="https://giteement.oss-cn-beijing.aliyuncs.com/oauthcallback.browser.js"></script>
<script>
  Oauthcallback();
</script>

如何创建一个首页访问地址不带二级目录的 pages,如ipvb.gitee.io?参考官网:https://gitee.com/help/articles/4136

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值