github page博客里添加多说评论插件

时间:2023-02-06 17:19:14

本文来自我的github pages博客http://galengao.github.io/ 即www.gaohuirong.cn

摘要:

  • 由于现在我这个博客原来用的是DISQUS评论插件,那全是全球的,有些关联被墙
  • 所以我把评论插件换成国内的多说

登录多说创建站点

*链接地址请点击 多说站点创建地址

创建多说站点,填写信息如下图:

github page博客里添加多说评论插件

填写完信息后,点击创建,生成代码,如下图:

github page博客里添加多说评论插件

上图代码有三处地方需要修改,代码中已经表示出来了,可以参照我的代码:

<!-- 多说评论框 start -->
<div class="ds-thread"
data-thread-key="请将此处替换成你站点的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>
# 由于变量在这里写了博客里会乱,所以替换方法见下面
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"galengao"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[]
|| document.getElementsByTagName('body')[]).appendChild(ds);
})();
</script>
<!-- 多说公共JS代码 end -->

根据中文提示有三处修改,(注意把中括号换成大括号): 
1、data-thread-key 我改为[[ site.url ]]_[[ page.title ]] 
2、data-title 我改为[[ page.title ]] 
3、data-url 我改为[[ site.url ]]

将此代码粘贴到需要的位置,至于放在什么文件什么地方,取决于你所使用的模板

一般位置在_layouts/post.html 
或者_layouts/default.html