[分享]多说评论框核心脚本embed.js本地化+回复后显示浏览器及操作系统信息

一、embed.js本地化


多说社会化评论框核心脚本embed.js文件是个多说官方提供的公用文件，如果官方渠道过于拥挤，或者服务器故障（这个已经有过了~~），就会导致页面加载过慢或者完全无法加载，如果我们将其下载下来，放到我们自己的空间，就会使加载速度有一定的提升，同时也可以对多说评论框做一些个性化调整，因为我们使用的多说评论框主体代码全部都在这里面。以下用wordpress的多说插件为例。
首先打开多说核心脚本的远程文件：embed.js【点此下载】 ，然后点击右键-另存为，将其保存下来，上传到你自己的空间里。
然后用flashfxp等FTP客户端软件找到wordpress的【wp-content/plugins/duoshuo】目录，找到【WordPress.php】，用各种文本编辑器打开，如：记事本，我比较喜欢用Notepad++。
打开【WordPress.php】，搜索“embed.js”，会找到两处网址：embed.js【点此下载】，将这两处替换为你上传后的embed.js地址，推荐将embed.js上传至多说插件目录：【wp-content/plugins/duoshuo】，如上传至多说插件目录，【WordPress.php】中的两处替换网址就改为【wp-content/plugins/duoshuo/embed.js】，然后保存上传即可。
刷新下页面，然后点击鼠标右键 查看源代码-搜索 embed.js，如果显示wp-content/plugins/duoshuo/embed.js，而且多说评论框区域一切正常，那么恭喜您，多说社会化评论框核心脚本embed.js本地化就完全成功了！
您也可以用这种方法，将embed.js上传至七牛云存储等CDN当中就能使速度再次提升！

二、多说回复后显示浏览器及操作系统信息


修改前请确保您的多说核心脚本embed.js已经本地化
检查方法：在有多说回复框的页面点击鼠标右键查看源代码，搜索embed.js，如果找到：http://static.duoshuo.com/embed.js 这条网址，说明您的多说没有做过本地化
注意：回复本文就可以查看到效果了
然后在主题的样式表内（主题目录内的style.css文件）添加如下样式代码：


点击可以展开查看历史记录 [size=; font-size: inherit,inherit]

如果您需要再美化一下，向本站的一样在前面加上地球、电脑、微信等小图标样式，请下载Font Awesome，获得其他图标请访问：http://fontawesome.io/icons/
它提供了479中小图标，只需要将下载到的 css 和 fonts 两个目录上传后（注意： css 和 fonts 需要上传至站点根目录），在header内引入上传后的CSS文件即可，非常方便！
在header.php中间插入以下代码引入css：

1. <link rel="stylesheet" href="/css/font-awesome.min.css">

注意：css目录内有两个css文件：

font-awesome.cssfont-awesome.min.css
font-awesome.min.css 是 font-awesome.css 的压缩版！
保存上传后就可以显示了，快去试试吧！

现在来说说如何实现wordpress的文章内容评论后可见吧？其实实现起来很简单，利用wordpress的短代码功能即可实现，代码如下：


点击可以展开查看历史记录 [size=; font-size: inherit,inherit]


只需要将以上代码加入到当前使用的主题的functions.php文件里即可。
使用方法：
在编辑文章时插入以下代码即可隐藏内容

[reply]我是被隐藏的内容[/reply]

当然还可以自定义提示回复信息，短代码如下：

[reply notice="回复后才显示哟"]我是被隐藏的内容[/reply]

注意其中注释了博主E-mail的地方改成你自己的E-mail，这样就可以设置成对站长不隐藏内容了。

打开embed.js，在最顶部添加如下代码：

点击可以展开查看历史记录 [size=; font-size: inherit,inherit]

不知道多说ID的，在下方留言以后，就可以看到多说ID了，回复时间前面带个小人的那一小段数字就是，例如：[size=; font-size: inherit,inherit] 50349
您只要将上面function sskadmin(e)内“【多说id】”（包括【】）替换为这段数字即可！如：
if(e.user_id==5034959)
然后搜索：
data-qqt-account="' + (r.qqt_account || "") + '">' + u(r.name) + "</span>"),
在后面添加：
t += sskadmin(r),


保存后就可以上传使用了！如果搜索不到的话，请点此格式化embed.js后再次搜索！

修改前请确保您的多说核心脚本embed.js已经本地化
远程文件地址：http://static.duoshuo.com/embed.js【[size=; font-size: inherit,inherit]点此下载】
检查方法：在有多说回复框的页面点击鼠标右键查看源代码，搜索embed.js，如果找到：http://static.duoshuo.com/embed.js【[size=; font-size: inherit,inherit]点此下载】 这条网址，说明您的多说没有做过本地化。


修改开始，打开embed.js，在最顶部添加如下显UA代码：




点击可以展开查看历史记录 [size=; font-size: inherit,inherit]


r1[1]/*.split('/')[0]*/ 浏览器后面接的这种代码是用来截取版本号的，例如：UCBrowser|3.0.1354.9 通过这个可以只显示 UCBrowser|3 或者 UCBrowser|3.0 ，您可以自己设定截取位置，我也不会弄所以就加了/**/把截取注释掉，让它全都显示了。。。
然后搜索：data-qqt-account="' + (r.qqt_account || "") + '">' + u(r.name) + "</span>"),
在后面添加：t += "<span class=\"ua\">" + sskua(s.agent) + "</span><span class=\"ua\">" + sskos(s.agent) + "</span>",
如果搜索不到的话，请点此格式化embed.js后再次搜索！然后在主题的css文件内（大约都是主题目录内的style.css文件）添加如下样式：

点击可以展开查看历史记录 [size=; font-size: inherit,inherit]


如果您需要再美化一下，向本站的一样在前面加上地球、电脑、微信等小图标样式，请点此下载Font Awesome，点此查看Font Awesome提供的全部小图标
它提供了479中小图标，只需要将下载到的 css 和 fonts 两个目录上传后（注意： css 和 fonts 需要上传至同一目录内），在header内引入上传后的CSS文件即可，非常方便！注意：css目录内有两个css文件：font-awesome.cssfont-awesome.min.css
font-awesome.min.css 是 font-awesome.css 的压缩版！
然后在显UA代码中的 <span class="ua_ie"> <span class="os_xp"> 等后面添加如下的样式代码（不要汉字。。。）：
[size=; font-size: 3em,3em] 地球<i class="fa fa-globe"></i>
[size=; font-size: 3em,3em] 电脑<i class="fa fa-desktop"></i>
[size=; font-size: 3em,3em] 微信<i class="fa fa-weixin"></i>
[size=; font-size: 3em,3em] 安卓<i class="fa fa-android"></i>
[size=; font-size: 3em,3em] Linux<i class="fa fa-linux"></i>
[size=; font-size: 3em,3em] 手机<i class="fa fa-mobile"></i>
您还可以选择其他样式添加上去！
保存上传后就可以显示了，快去试试吧！