多说颜文字

一直很嫌弃多说的表情，在看了《小学生作文两篇》中的 “ 完全不懂多说官方为什么要把那么多不好看表情堆在一起 ” 深表同感，于是是开始了换表情的过程。

本来是想用Hran的方法的，但是总感觉这种表情也不大喜欢，于是就有了颜文字，一直钟爱有加且简单易懂的表达神器。
这里用了香菇社长的轮子，安上稍微调整就可以跑了。
先附上轮子的地址：https://github.com/siitakechan/Duoshuo-Kaomoji

总共有三个步骤：

一、添加JS文件，需要注意文件路径

<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/kaomoji.js"></script>

二、在加载多说的时候，修改embed文件。下载github上的embed文件，自己上传到七牛云，或者网站目录都行，只要在下面代码中修改对应地址就行。

<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"zhebushiwodeduoshuoid"}; //不明意义的变量
var duoshuoBalabala = "xianggu"; //这里替换成您的多说 shortname
duoshuoQuery = {short_name:duoshuoBalabala}; //不明意义的赋值
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = 'js/embed.min.js'; //这里替换js路径什么的
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- 多说公共JS代码 end -->

三、修改CSS文件，可以直接去多说后台有个框框可以自定义CSS，把下面的代码扒进去，保存即可。

.ywz-wrapper {
    position:absolute!important;
    top:0!important;
    left:0px!important;
    float:left!important;
    z-index:98!important
}
.biaoqing_box.open {
    border-radius:5px 5px 5px 0!important;
    display:block!important
}
.biaoqing_box {
    display:none!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #e5e9ef!important;
    margin-bottom:10px!important;
    padding:10px!important;
    border-radius:5px!important;
    width:450px!important;
    float:left!important;
    position:absolute!important;
    top:25px!important;
    z-index:100!important
}
@media only screen and (max-width:450px) {
    .biaoqing_box {
    width:250px!important;
    top:25px!important
}
}.biaoqing_box a {
    color:#111!important;
    float:left!important;
    border-radius:5px!important;
    -webkit-transition:background .3s!important;
    display:block!important;
    padding:3px 5px 3px 5px!important;
    margin:0 3px 2px 2px!important;
    height:14px!important;
    line-height:14px!important
}
.biaoqing_box a:hover {
    -webkit-animation:my-face 5s infinite ease-in-out;
    animation:my-face 5s infinite ease-in-out;
    color:#fff!important;
    background:#5b6064!important
}
.ywz.open {
    color:#666!important;
    border-top:1px solid #fff!important;
    border-radius:0 0 3px 3px!important;
    margin-bottom:0!important;
    background-color:#fff!important
}
.ywz {
    display:block!important;
    padding:0!important;
    width:90px!important;
    height:20px!important;
    line-height:20px!important;
    color:#b8c0cc!important;
    border:1px solid #e5e9ef!important;
    border-radius:4px!important;
    position:relative!important;
    left:0!important;
    top:0!important;
    z-index:101!important;
    font-size:12px!important;
    text-align:center!important
}

最后，我就愉快的用上了颜文字表情咯！虽然还有点BUG，以后看看能不能改~