github page博客里添加多说评论插件
本文来自我的github pages博客http://galengao.github.io/ 即www.gaohuirong.cn
摘要:
- 由于现在我这个博客原来用的是DISQUS评论插件,那全是全球的,有些关联被墙
- 所以我把评论插件换成国内的多说
登录多说创建站点
*链接地址请点击 多说站点创建地址
创建多说站点,填写信息如下图:
填写完信息后,点击创建,生成代码,如下图:
上图代码有三处地方需要修改,代码中已经表示出来了,可以参照我的代码:
<!-- 多说评论框 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