Hexo主题yilia增加gitalk评论插件

在

layout/_partial/post

italk.ejs

文件内写入如下代码：

<div id="gitalk-container" style="padding: 0px 30px 0px 30px;"></div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script type="text/javascript">

if(<%=theme.gitalk.enable%>){
var gitalk = new Gitalk({
clientID: '<%=theme.gitalk.ClientID%>',
clientSecret: '<%=theme.gitalk.ClientSecret%>',
repo: '<%=theme.gitalk.repo%>',
owner: '<%=theme.gitalk.githubID%>',
admin: ['<%=theme.gitalk.adminUser%>'],
id: '<%= page.date %>',
distractionFreeMode: '<%=theme.gitalk.distractionFreeMode%>'
})
gitalk.render('gitalk-container')
}
</script>

修改

source-src/css

comment.scss

#disqus_thread, .duoshuo, .cloud-tie-wrapper, #SOHUCS, #gitment-ctn, #gitalk-container {
padding: 0 30px !important;
min-height: 20px;
}

#SOHUCS {
#SOHU_MAIN .module-cmt-list .block-cont-gw {
border-bottom: 1px dashed #c8c8c8 !important;
}
}

在

layout/_partial

article.ejs

<% if (theme.gitalk.enable){ %>
<div id="gitalk-container"></div>
<%- include post/gitalk.ejs %>
<% } %>

最后在

yilia

gitalk

#gitalk评论
gitalk:
enable:  true
githubID: 写自己github的ID
repo: 新建存放评论的仓库名
ClientID:  下面讲述如何书写 需要注册 OAuth Application
ClientSecret:  下面讲述如何书 需要注册 OAuth Application
#不这样书写容易报错
adminUser: "['仓库名','仓库名']"
labels: gitalk
perPage: 15
pagerDirection: last
createIssueManually: true
distractionFreeMode: true

注册 OAuth Application

当别人评论你的文章时，会需要它是授权。点击 https://github.com/settings/applications/new

进行注册。注册界面如下。

红色方框写的是博客地址就 ok 了！！
注册成功后，会获取到 Client ID/scerct 。如下图所示：

最终演示

我的博客