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

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

摘要:

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

登录多说创建站点

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

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

duoshuo

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

duoshuo

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

<!-- 多说评论框 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')[0]
         || document.getElementsByTagName('body')[0]).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

原文地址:https://www.cnblogs.com/galengao/p/5780851.html