Emlog手动添加多说社会化评论非插件

        本站模板使用多说插件会导致pjax以及higslide失效,具体原因未知,但并不是说本站不支持多说。如果你放弃pjax以及highslide,那么使用可以直接使用的多说插件for emlog,后台安装即可。当然很多人并不希望放弃pjax。又不喜欢emlog自带评论,那么下面的方法就可以完美实现了。不需要使用多说插件。

1.首先,在多说官网注册一个账号:http://duoshuo.com

2.在工具里获取通用代码:

这里我就直接给出了:下面这部分引入footer.php  body标签内ps:其中moxiaonai2016替换为你的账号,这是我的测试账号。

 

<script type="text/javascript">
var duoshuoQuery = {short_name:"moxiaonai2016"};
	(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>

 找到echo_log.php评论框位置

 

<?php blog_comments($comments); ?>
<?php blog_comments_post($logid,$ckname,$ckmail,$ckurl,$verifyCode,$allow_remark); ?>	

替换为

<div class="ds-thread" data-thread-key="<?php echo $logid;?>" data-title="<?php echo $log_title; ?>" data-url="<?php echo Url::log($logid);?>">
</div>

至此,emlog自带评论已经被替换为多说评论了,打开一个文章页,你会发现pjax导致评论框不显示,只有刷新页面后才会显示,下面给出解决方法。

写一个回调函数,在pjax执行完成后完成回调即可完美解决。

 

/**
 * pjax后需要回调函数.加载多说
 */
function pajx_loadDuodsuo(){
	var dus=$(".ds-thread");
	if($(dus).length==1){
		var el = document.createElement('div');
		el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));//必选参数
		el.setAttribute('data-url',$(dus).attr("data-url"));
		DUOSHUO.EmbedThread(el);
		$(dus).html(el);
		
	}
}

在下面pjax执行完成之后回调 

$(document).on('pjax:complete', function() { 
$(".colorful_loading_frame,.colorful_loading").css("display", "none");
$("a[href$=jpg],a[href$=gif],a[href$=png],a[href$=jpeg],a[href$=bmp]").addClass("highslide").each(function(){this.onclick=function(){return hs.expand(this)}});
pajx_loadDuodsuo();});

至此,完美解决,至于我,更喜欢自带的评论,后续会继续完善本模板的评论框,会加入通过qq自动获取评论者信息等。此教程送给执着多说的朋友。

放出截图。完美支持pjax.

莫小奈登载此文于莫小奈博客,转载请注明出处,关注更多资源,请添加莫小奈qq39784480 --Slience by : 莫小奈 !!

未经允许不得转载:莫小奈博客 » Emlog手动添加多说社会化评论非插件

评论 5

评论前必须登录!

登陆 注册
  1. 无涯书生希望模板能增加个表态功能,因为太多的人不喜欢评论了,点个表态随手的事情,能增加作者识别感受
    • 莫小奈@无涯书生:有点赞顶踩插件的,之前用过,博客重装以后,就没装了。
  2. 恒信科技网络太感谢博主的这个方法了,解决了我首页的问题@!
  3. 匿名我能问下回调函数放在哪儿么。。。
  4. 冷夜哥测试