安装完Jekyll之后,选择了几个主题,偶然之间发现了一个带评论插件的主题感觉样式之类的还蛮好,但是那个插件需要使用Google,facebook之类的账号进行登录,所以切成多说

参照文档

http://www.ituring.com.cn/article/114888

多说官网

安装步骤

想要安装多说插件到Jekyll,首先要大体上对自己所使用的theme的结构有所了解。

具体的安装和使用步骤如下:

  • 注册多说账号
  • 生成需要安装的代码
  • 代码安装到post.htm
  • 提交自己的网站

申请多说账号

直接进入多说官网进行注册即可。

注册完成之后会进入后台,点击工具,可以拷贝代码。

集成代码

我所集成的代码如下:

<!-- 多说评论框 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:"evergreen"};
	(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 -->

记得将上面的中文部分替换为下面的:

<div class="ds-thread" data-thread-key="/articles/2016-05/jekyll-with-duoshuo-plugin" data-title="[Jekyll] -  使用[多说]作为评论的plugin!" data-url="/articles/2016-05/jekyll-with-duoshuo-plugin"></div>

提交代码

依次执行下面的命令进行编译提交:

jekyll build			#build
git add --all			   #添加到暂存区	
git commit -m "commit for change" #提交到本地仓库
git push origin master    	   #线上的站点是部署在master下面的