你很德布罗意的技术博客

Hexo Geektutu主题Gitalk初始化位置

Geektutu是Hexo主题官网上的一款主题,其风格适合程序员个人博客使用,Geektutu的作者在其GitHub上的更新日记中有提及对接入Gitalk的支持,但并未提供配置方法,我稍微在主题工程代码里搜索出了Gitalk的配置方式,如下

  • _config.xml加上一行配置
    1
    gitalk: true 
  • 找到geektutu/layout/_widget/comments.ejs文件,将参数填入Gitalk初始化参数列表即可
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    <script>
    window.addEventListener('load', function () {
    function renderCommentUrl(data) {
    var url = (data[window.location.pathname] || {}).url
    url && getDom('#gitalk-container button').addEventListener('click', function (e) { window.open(url)})
    url || (getDom('#gitalk-container').style.display = 'none')
    }
    const gitalk = new Gitalk({
    clientID: 'ff21300f马赛克c1e60d4a',
    clientSecret: '83cfe65f4马赛克2b820acf48ac8c5099',
    // accessToken: '<%- config.gitalk.accessToken %>',
    repo: 'Blog_Comment',
    owner: 'drawfromwreck',
    admin: ['drawfromwreck'],
    id: window.location.pathname,
    distractionFreeMode: false
    });
    fetch("https://api.github.com/user").then(function(resp){
    gitalk.render('gitalk-container');
    }).catch(function(e){
    fetch('/tool/issues.json').then(function (r) { return r.json() }).then(renderCommentUrl).catch(function (e) { })
    })
    getDom('#gitalk-container').addEventListener('click', function (e) {
    e && e.stopPropagation && e.stopPropagation();
    });
    })
    </script>

Gitalk是一款评论插件,只需在GitHub个人主页新建Application,获取相应的clientID,clientSecret,并新建一个用于存储评论数据的仓库,将以上数据配置到上述位置即可在Geektutu主题中使用Gitalk功能,读者只需要用GitHub账号登录便可评论交流。


专题:

本文发表于 2020-10-13,最后修改于 2020-10-17。

本站永久域名www.namidame.tech,也可搜索「 你很德布罗意的技术博客 」找到我。

欢迎关注我的 微博 ,查看最近的文章和动态。


上一篇 « C++ Const关键字用法总结 下一篇 » Mac平台上用VSCode调试C++代码

赞赏支持

客官,打赏一个呗~

i ali

支付宝

i wechat

微信

推荐阅读

Big Image