Hexo主题yilia增加gitalk评论插件

Hexo主题yilia增加gitalk评论插件

layout/_partial/post目录下新增gitalk.ejs文件

文件内写入如下代码:

修改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文件内新增gitalk相关的配置代码:

<% if (theme.gitalk.enable){ %>
       
<%- 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

进行注册。注册界面如下。
Hexo主题yilia增加gitalk评论插件_第1张图片
红色方框写的是博客地址就 ok 了!!
注册成功后,会获取到 Client ID/scerct 。如下图所示:
Hexo主题yilia增加gitalk评论插件_第2张图片

最终演示

Hexo主题yilia增加gitalk评论插件_第3张图片
我的博客

你可能感兴趣的:(hexo)