MENU

多说颜文字

• November 4, 2016 • Read: 9212 • 折腾

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

本来是想用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,以后看看能不能改~

Last Modified: May 29, 2019
Leave a Comment

38 Comments
  1. (°∀°)ノ颜文字最高啊。
    说来这个打字好神奇放烟花,是什么插件嘛?

    1. @梦镜158并不是,是另外加的效果~

  2. siyochen siyochen

    ("▔□▔)/ 刚开始的时候用过多说,后来不用了。你这个打字好友意思,在放烟花呀

    1. @siyochen哈哈,是在放烟花呢→_→

  3. _(:3」∠)_一直没用多说,
    而目前TE的email提醒插件还没装_(:3」∠)_
    反正我只是来测试颜文字的_(:3」∠)_
    颜文字万岁_(:3」∠)_
    另外种类有点少啊_(:3」∠)_

    1. @冉默烨多说有好有坏吧(´・_・`)
      种类有待添加,我要加入一些经典的,有木有推荐?

    2. @Meekdai_(:3」∠)_好

  4. 貌似多说会把网站内容都同步到服务器,查了下说是有点窃取隐私的行为,但是别的评论框貌似又不支持Google账号登录,只支持国内的账号( *・ω・)✄╰ひ╯

    1. @ZhenYu你可以用disqus,国外的评论系统

    2. @Meekdai这样就又不能登录QQ之类的国内账号( *・ω・)✄╰ひ╯

    3. @ZhenYu个人觉得博客的内容都是公开的,没啥隐私~

    4. @Meekdai( *・ω・)✄╰ひ╯你还没回答disqus不能登录qq这个问题

    5. @ZhenYu每个事物都是有优缺点的咯,你可以用本地评论框,要有什么功能就自己写( ̄3 ̄)

    6. @Meekdai你的评论是不是手机可以自动提示的?

    7. @ZhenYu是啊,多说可以设置邮件提醒的,其实我还是比较建议使用多说的,有木有盗文章信息我不知道,但功能还是不错的,去年没有人维护的时候会经常加载不出来,现在已经可以解决了!→_→

  5. (= ・ω・ =)咦,这样似乎很不错的样子~~~

    1. @姜辰╮( ̄▽ ̄)╭ 你也喜欢颜文字?

    2. @Meekdai我是不知道什么事颜文字点开看看·····(╯°口°)╯(┴—┴喜欢谈不上,但是还不错

    3. @姜辰有些比较经典的还是非常不错的,有空要更新一下

    4. @Meekdai嗯,期待~~~~~~~~~~~~~~~~~~~~~~~~~~~~~