多说评论框UA显示/博主标记

其他技术 myhloli 7089次浏览 已收录 228个评论

QQ截图20150130052920-副本
进行本文的操作之前需要对多说核心脚本embed.js进行本地化操作,由于多说近日更新了js脚本文件,导致教程部分内容失效。

本教程仅适用与之前对多说核心脚本进行过本地化操作同学们。

多说官方链接下载不到embed.js的同学可以下载我的js脚本,只需简单编辑多说插件目录下的WordPress.php文件即可轻松实现本地化。

embed.js下载
下载embed.js之后,通过FTP工具将该文件上传至多说插件安装目录下/wp-content/plugins/duoshuo/
接着编辑WordPress.php:
打开【WordPress.php】,搜索“embed.js”,将搜索到的

http://static.<!--?php echo self::DOMAIN;?-->/embed.js
http://static.duoshuo.com/embed.js

这两行更改为你的地址如http://cdn.myhloli.com/wp-content/plugins/duoshuo/embed_v20150221.js
完成以上步骤之后,刷新博客文章页面,如果评论框正常显示,则说明本地化成功。
接着修改embed.js实现ua显示和博主标记显示。
注:上面直接下载我的embed.js可以省略下面的修改步骤
现在embed.js的最上面添加以下代码:

//判断是否为博主
function sskadmin(e) {
	var ssk = '';
	if(e.user_id==【你的多说id】){
		ssk = '<span class="sskadmin">博主【此处可以自定义文字】'
	}
	return ssk+"</span> ";
}
//显UA开始
function ua(e) {
		var r = new Array;
		var outputer = '';
		if (r = e.match(/MSIE\s([^\s|;]+)/gi)) {
			outputer = '<span class="ua_ie">Internet Explorer' + '|' + r[0]/*.replace('MSIE', '').split('.')[0]*/
		} else if (r = e.match(/FireFox\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_firefox">Mozilla FireFox' + '|' + r1[1]
		} else if (r = e.match(/Maxthon([\d]*)\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_maxthon">Maxthon'
		} else if (r = e.match(/UBrowser([\d]*)\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_ucweb">UCBrowser' + '|' + r1[1]
		} else if (r = e.match(/MetaSr/ig)) {
			outputer = '<span class="ua_sogou">搜狗浏览器'
		} else if (r = e.match(/2345Explorer/ig)) {
			outputer = '<span class="ua_2345explorer">2345王牌浏览器'
		} else if (r = e.match(/2345chrome/ig)) {
			outputer = '<span class="ua_2345chrome">2345加速浏览器'
		} else if (r = e.match(/LBBROWSER/ig)) {
			outputer = '<span class="ua_lbbrowser">猎豹安全浏览器'
		} else if (r = e.match(/MicroMessenger\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_qq">微信' + '|' + r1[1]/*.split('/')[0]*/
		} else if (r = e.match(/QQBrowser\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_qq">QQ浏览器' + '|' + r1[1]/*.split('/')[0]*/
		} else if (r = e.match(/QQ\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_qq">QQ浏览器' + '|' + r1[1]/*.split('/')[0]*/
		} else if (r = e.match(/MiuiBrowser\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_mi">Miui浏览器' + '|' + r1[1]/*.split('/')[0]*/
		} else if (r = e.match(/Chrome([\d]*)\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_chrome">Chrome' + '|' + r1[1]/*.split('.')[0]*/
		} else if (r = e.match(/safari\/([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_apple">Apple Safari' + '|' + r1[1]
		} else if (r = e.match(/Opera[\s|\/]([^\s]+)/ig)) {
			var r1 = r[0].split("/");
			outputer = '<span class="ua_opera">Opera' + '|' + r[1]
		} else if (r = e.match(/Trident\/7.0/gi)) {
			outputer = '<span class="ua_ie">Internet Explorer 11'
		} else {
			outputer = '<span class="ua_other">其它浏览器'
		}
		return outputer+"</span> ";
	}
	function os(e) {
		var os = '';
		if (e.match(/win/ig)) {
			if (e.match(/nt 5.1/ig)) {
				os = '<span class="os_xp">Windows XP'
			} else if (e.match(/nt 6.1/ig)) {
				os = '<span class="os_7">Windows 7'
			} else if (e.match(/nt 6.2/ig)) {
				os = '<span class="os_8">Windows 8'
			} else if (e.match(/nt 6.3/ig)) {
				os = '<span class="os_8_1">Windows 8.1'
			} else if (e.match(/nt 10.0/ig)) {
				os = '<span class="os_8_1">Windows 10'
			} else if (e.match(/nt 6.0/ig)) {
				os = '<span class="os_vista">Windows Vista'
			} else if (e.match(/nt 5/ig)) {
				os = '<span class="os_2000">Windows 2000'
			} else {
				os = '<span class="os_windows">Windows'
			}
		} else if (e.match(/android/ig)) {
			os = '<span class="os_android">Android'
		} else if (e.match(/ubuntu/ig)) {
			os = '<span class="os_ubuntu">Ubuntu'
		} else if (e.match(/linux/ig)) {
			os = '<span class="os_linux">Linux'
		} else if (e.match(/mac/ig)) {
			os = '<span class="os_mac">Mac OS X'
		} else if (e.match(/unix/ig)) {
			os = '<span class="os_unix">Unix'
		} else if (e.match(/symbian/ig)) {
			os = '<span class="os_nokia">Nokia SymbianOS'
		} else {
			os = '<span class="os_other">其它操作系统'
		}
		return os+"</span>" ;
	}
//显UA结束

添加完以上代码后,在编辑器中搜索

data-qqt-account="'+s+'">'+p(n.name)+"")+""

修改为

data-qqt-account="'+s+'">'+p(n.name)+"") +"<span class="\"ua\"">" + sskadmin(e.author) + "</span><span class="\"ua\"">" + ua(e.agent) +"</span><span class="\"ua\"">"+ os(e.agent) + "</span>" +""

(如果搜索不到的话就减小点搜索范围,如:data-qqt-account=)
tips:代码中【】部分修改后记得删除。
多说id获取方法:
登录http://duoshuo.com/settings/
QQ截图20150223031154
点击你的昵称,
QQ截图20150223031307.

网址最后的那段数字就是你的多说id了。

博主显示文字部分可以任意修改。

以上代码来自 搜索客 的博客



我自己对博主标示的代码做了些修改,因为感觉用原版的大大的印章实在不雅 :lol: 改成文字版的低调又和谐 :mrgreen:
以上为embed.js的修改步骤。
接着我们需要修改一下css在输出的文字后面加个背景色,请将以下代码添加进多说自定义css中。
QQ截图20150223033012

/*多说UA开始*/
span.ua{
	margin: 0 1px!important;
	color:#FFFFFF!important;
	/*text-transform: Capitalize!important;
	float: right!important;
	line-height: 18px!important;*/
}
.ua_other.os_other{
	background-color: #ccc!important;
	color: #fff;
	border: 1px solid #BBB!important;
	border-radius: 4px;
}
.ua_ie{
	background-color: #428bca!important;
	border-color: #357ebd!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_firefox{
	background-color: #f0ad4e!important;
	border-color: #eea236!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_maxthon{
	background-color: #7373B9!important;
	border-color: #7373B9!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_ucweb{
	background-color: #FF740F!important;
	border-color: #d43f3a!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_sogou{
	background-color: #78ACE9!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_2345explorer{
	background-color: #2478B8!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_2345chrome{
	background-color: #F9D024!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_mi{
	background-color: #FF4A00!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_lbbrowser{
	background-color: #FC9D2E!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_chrome{
	background-color: #EE6252!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_qq{
	background-color: #3D88A8!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_apple{
	background-color: #E95620!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_opera{
	background-color: #d9534f!important;
	border-color: #d43f3a!important;
	border-radius: 4px;
	padding: 0 5px!important;
}


.os_vista,.os_2000,.os_windows,.os_xp,.os_7,.os_8,.os_8_1 {
	background-color: #39b3d7!important;
	border-color: #46b8da!important;
	border-radius: 4px;
	padding: 0 5px!important;
}

.os_android {
	background-color: #98C13D!important;
	border-color: #01B171!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_ubuntu{
	background-color: #DD4814!important;
	border-color: #01B171!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_linux {
	background-color: #3A3A3A!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_mac{
	background-color: #666666!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_unix{
	background-color: #006600!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_nokia{
	background-color: #014485!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.sskadmin{
background-color: #00a67c!important;
	border-color: #01B171!important;
	border-radius: 4px;
	padding: 0 5px!important;

}
/*多说UA结束*/

至此,在多说评论框中添加ua显示与博主标示步骤就全部做完了,感谢大家的阅读。
最终效果见本站评论区
QQ截图20150223033530

  萝莉社,版权所有丨如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:https://myhloli.com/duoshuo-ua-and-admin-tab.html
喜欢 (25)
    • 拜托仔细阅读。。下载embed.js之后,通过FTP工具将该文件上传至多说插件安装目录下/wp-content/plugins/duoshuo/

  1. 博主啊,请问本站的代码高亮是用的什么插件,然后您每篇文章下面这个智能推荐是啥插件做到的,比我的友荐好多了啊!求告谢谢~!

加载中……