标签：gitalk Hexo theme client https Anatolo md5

一开始准备使用gitment作为评论系统，但是搭完发现已经不可用，随后找到了差不多的gitalk
gitalk已经有很多主题集成，但是很遗憾我使用的Anatolo还没有，尝试了下还算简单，现在把大概步骤写一下

相关地址

Anatolo主题：https://github.com/Ben02/hexo-theme-Anatole
gitalk评论：https://github.com/gitalk/gitalk
md5：https://github.com/blueimp/JavaScript-MD5 （issue label name 不允许超过50字符，所以使用md5生成id）

使用

准备工作

选择一个公共github存储库（已存在或创建一个新的github存储库）用于存储评论
创建GitHub Application，Authorization callback URL填写博客地址（点此申请）
生成Client Id及Client Secret，复制保留

主题更改

定位到Anatolo主题文件夹内，打开{Anatolo Path}/layout/partial/comments.pug文件
最下方添加此段代码

if theme.gitalk
    if theme.gitalk.enable == true
        a#comments
        #vcomments(style="margin:0 30px;")
        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(src='https://cdn.jsdelivr.net/npm/blueimp-md5@2.19.0/js/md5.min.js')
        script.
            var gitalk = new Gitalk({
                clientID: '#{theme.gitalk.client_id}',
                clientSecret: '#{theme.gitalk.client_secret}',
                owner: '#{theme.gitalk.owner}',
                repo: '#{theme.gitalk.repo}',
                admin: ['#{theme.gitalk.admin}'],
                id: md5(location.pathname),      // Ensure uniqueness and length less than 50
                distractionFreeMode: false  // Facebook-like distraction free mode
            })
            gitalk.render('vcomments')

添加配置

在主题文件夹下_config.yml或根目录下_config.anatolo.yml添加gitalk配置

gitalk:
  enable: true
  owner: #owner
  repo: #repo name
  admin: #admin name
  client_id: #client_id
  client_secret: #client_secret

效果

标签：gitalk,Hexo,theme,client,https,Anatolo,md5
来源： https://blog.csdn.net/ck865347415/article/details/123073206

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。