最新多说本地化教程及多说个性化显示UA/管理员

一、多说本地化

多说社会化评论框核心脚本embed.js文件是个多说官方提供的公用文件，如果官方渠道过于拥挤，或者服务器故障（这个已经有过了~~），就会导致页面加载过慢或者完全无法加载，如果我们将其下载下来，放到我们自己的空间，就会使加载速度有一定的提升，同时也可以对多说评论框做一些个性化调整，因为我们使用的多说评论框主体代码全部都在这里面。

1.首先打开多说核心脚本的远程文件：http://static.duoshuo.com/embed.js另存到桌面.

2.上传到你自己的空间里.（推荐上传到wp或em的多说文件夹里）

使用ftp管理工具连接网站目录.

wp：【wp-content/plugins/duoshuo】目录，找到【WordPress.php】，用编辑器打开.

em：【content/plugins/duoshuo】目录，找到【duoshuo.php】，用编辑器打开.

3.搜索“embed.js”，会找到两处网址：http://static.duoshuo.com/embed.js.

4.将两处的地址修改为你上传的embed.js地址.

wp：embed.js ->wp-content/plugins/duoshuo/embed.js

em：embed.js ->content/plugins/duoshuo/embed.js

5.完成上述步骤，请打开内容页然后搜索embed.js看是否替换成功，并查看博客的多说评论是否正常加载.

6.如果正常，则完成.不正常，请检查步骤。

最新多说本地化教程及多说个性化显示UA/管理员-第1张-boke112百科(boke112.com)

二、多说显示浏览器及操作系统信息（Useragent）和显示管理员

1.必须完成多说本地化，才能实现。

2.打开本地embed.js在头部插入以下代码：

点击展开代码

//管理员判断开始
function sskadmin(e) {
var ssk = ”;
if(e==’你的多说ID’){
ssk = ‘管理员 ‘
}
return ssk;
}
//显UA开始
function ua(e) {
var r = new Array;
var outputer = ”;
if (r = e.match(/MSIE\s([^\s|;]+)/gi)) {
outputer = ‘Internet Explorer’ + ‘|’ + r[0]/*.replace(‘MSIE’, ”).split(‘.’)[0]*/
} else if (r = e.match(/FireFox\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘Mozilla FireFox’ + ‘|’ + r1[1]
} else if (r = e.match(/Maxthon([\d]*)\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘Maxthon’
} else if (r = e.match(/UBrowser([\d]*)\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘UCBrowser’ + ‘|’ + r1[1]
} else if (r = e.match(/MetaSr/ig)) {
outputer = ‘搜狗浏览器’
} else if (r = e.match(/2345Explorer/ig)) {
outputer = ‘2345王牌浏览器</a>’
} else if (r = e.match(/2345chrome/ig)) {
outputer = ‘2345加速浏览器</a>’
} else if (r = e.match(/LBBROWSER/ig)) {
outputer = ‘猎豹安全浏览器’
} else if (r = e.match(/MicroMessenger\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘微信’ + ‘|’ + r1[1]/*.split(‘/’)[0]*/
} else if (r = e.match(/QQBrowser\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘QQ浏览器’ + ‘|’ + r1[1]/*.split(‘/’)[0]*/
} else if (r = e.match(/QQ\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘QQ浏览器’ + ‘|’ + r1[1]/*.split(‘/’)[0]*/
} else if (r = e.match(/MiuiBrowser\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘Miui浏览器’ + ‘|’ + r1[1]/*.split(‘/’)[0]*/
} else if (r = e.match(/Chrome([\d]*)\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘Chrome’ + ‘|’ + r1[1]/*.split(‘.’)[0]*/
} else if (r = e.match(/safari\/([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘Apple Safari’ + ‘|’ + r1[1]
} else if (r = e.match(/Opera[\s|\/]([^\s]+)/ig)) {
var r1 = r[0].split(“/”);
outputer = ‘Opera’ + ‘|’ + r[1]
} else if (r = e.match(/Trident\/7.0/gi)) {
outputer = ‘Internet Explorer 11′
} else {
outputer = ‘其它浏览器’
}
return outputer+“ “;
}
function os(e) {
var os = ”;
if (e.match(/win/ig)) {
if (e.match(/nt 5.1/ig)) {
os = ‘Windows XP’
} else if (e.match(/nt 6.1/ig)) {
os = ‘Windows 7′
} else if (e.match(/nt 6.2/ig)) {
os = ‘Windows 8′
} else if (e.match(/nt 6.3/ig)) {
os = ‘Windows 8.1′
} else if (e.match(/nt 10.0/ig)) {
os = ‘Windows 10′
} else if (e.match(/nt 6.0/ig)) {
os = ‘Windows Vista’
} else if (e.match(/nt 5/ig)) {
os = ‘Windows 2000′
} else {
os = ‘Windows’
}
} else if (e.match(/android/ig)) {
os = ‘Android’
} else if (e.match(/ubuntu/ig)) {
os = ‘Ubuntu’
} else if (e.match(/linux/ig)) {
os = ‘Linux’
} else if (e.match(/mac/ig)) {
os = ‘Mac OS X’
} else if (e.match(/unix/ig)) {
os = ‘Unix’
} else if (e.match(/symbian/ig)) {
os = ‘Nokia SymbianOS’
} else {
os = ‘其它操作系统’
}
return os+“” ;
}
//显UA结束

3.在embed.js中执行替换操作：

搜索：

+u(r.name)+“”),t+=“</div>”

替换为：

+u(r.name)+“”),t+= sskadmin(r.user_id) + “” + ua(s.agent) + “”+ os(s.agent) + “” + “</div>”

4.添加样式文件：

点击展开CSS样式代码

/*多说UA开始*/
.user_admin {
background-color: #F69EE5!important;
border-color: #357ebd!important;
color: #FFFFFF!important;
border-radius: 4px;
padding: 0 5px!important;
}
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;
}
/*多说UA结束*/

5.完成之后刷新评论页看看是否成功。

注意

1、本教程适用在wp/emlog中使用多说社会化评论插件的博主;

2、本教程涉及到源码修改，请提前做好相关备份，失误本博客不承担任何责任;

3、本教程部分代码来自“我的那些事”个人博客，由本人精雕细琢而成。

最新多说本地化教程及多说个性化显示UA/管理员

一、多说本地化

二、多说显示浏览器及操作系统信息（Useragent）和显示管理员

相关文章

最新文章

热门标签