jekyll-theme-H2O的gitalk相关配置

2018-06-24  ⋅   blog   jekyll   gitalk  

jekyll-theme-H2O的gitalk配置

gitalk

01.注册GitHub Application

注册GitHub Application

    
Application name:项目名称  
Homepage URL:域名地址  
Application description:项目描述  
Authorization callback URL:回掉地址  
    

注册GitHub Application

Client ID

注册成功后会获得Client ID和Client Secret

02.配置_config.yml

    
gitalk: true
gitalk_clientID: 'clientID'
gitalk_Secret: 'Secret'
gitalk_repo: '用户名.github.io'
gitalk_owner: 'github用户名'
gitalk_admin: 'github用户名'
distractionFreeMode: true
    

config

03.修改post.html

post.html

 var gitalk = new Gitalk({
      clientID: '{{ site.comments.gitalk_clientID }}',
      clientSecret: '{{ site.comments.gitalk_Secret }}',
      repo: '{{ site.comments.gitalk_repo }}',
      owner: '{{ site.comments.gitalk_owner }}',
      admin: '{{ site.comments.gitalk_admin }}',
      id: location.pathname,      // Ensure uniqueness and length less than 50{{ page.title }}
      distractionFreeMode: '{{ site.comments.distractionFreeMode }}'  // Facebook-like distraction free mode
    })

    gitalk.render('gitalk_container')

ERROR

Error: Validation Failed.

gitalk 是基于gitment的 gitment的id 有个50字符的限制
出现这个问题要检查是否id大于了50字符 

id: location.pathname,      // Ensure uniqueness and length less than 50{{ page.title }}

现在的式取用链接的路径把id修改成 文章标题 可以解决大部分

post.html下的gitalk配置修改id

id: '{{ page.title }}'

或者修改_config.yml

permalink: /:title.html

评论系统未开启,无法评论!

  1. 01.注册GitHub Application
  2. 02.配置_config.yml
  3. 03.修改post.html
  4. ERROR