Gitalk评论配置-详解

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/hjpqindong/article/details/100606668

Gitalk 是一个基于 Github Issue 和 Preact 开发的评论插件。为什么我要写这篇博文,是因我用Github搭建我的博客页面,在安装Gitalk插件时按网上文章介绍进行配置,在运行时总是出现错误:

每篇文章都只突出解释了某一条设置,如有文章在说到“repo”变量时提到是库名,有一篇文章更是说是博客地址,这几种说法貌似也对,但严格来说却并不正确,而正确的设置是类似于“qin-dong.github.io”的库名。不管是带上.git的库地址还是带上https的博客地址都是不正确的。正确的设置如下:

{% if site.gitalk_shortname %}
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk@latest/dist/gitalk.min.js"></script>

<div id="gitalk-container"></div>
<script>
var gitalk = new Gitalk({
  clientID: 'fa47****aa3',
  clientSecret: 'ee1****af6',
  repo: 'qin-dong.github.io',
  owner: 'Qin-Dong',
  admin: ['Qin-Dong'],
  id: decodeURI(window.location.pathname), 
});

gitalk.render('gitalk-container');
</script>
{% endif %}

将上如上代码的变量值参照设为自己的即可。至于clientID及clientSecret的获取请参照博文:

https://blog.csdn.net/Madridcrls7/article/details/80871596

Gitalk评论效果参见本人github页面:

https://qin-dong.github.io/2019/09/06/AndroidStudioInstallation/

 

文章创建于: 2019-09-07 20:34:05
展开阅读全文

没有更多推荐了,返回首页