一、参考如下链接配置第三方应用:
二、_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