MENU

把B站客户端蛆音娘表情包扒出来了 Typecho博客增加自定义表情包

January 12, 2019 • 资源教程

看见客户端里面表情包很有趣就给扒出来了

为Typecho博客增加表情包,owo.json


1huaji.png

Mirages教程:
直接下载这个,然后将解压出的biaoqing文件夹放到主题目录下/usr中,然后为了使表情大小适中,添加自定义CSS即可:

img.biaoqing.quyin {
    margin-bottom: -.3125rem;
    min-height: 3.25rem;
    height: 1em;
}

Handsome教程:

点击下载

  • 如果您的网站也使用owo.json,那么此教程对您同样适用!
    首先将下载好的文件解压,然后放到handsome/usr/img/emotion

111.png

然后编辑handsome/usr文件夹中的OwO.json,在这个位置

QQ20190123-220040@2x.png

添加以下代码:

  "蛆音娘": {
    "name": "quyin",
    "type": "image",
    "container": [
      {
        "icon": "hematemesis",
        "text": "吐血"
      },
      {
        "icon": "1huaji",
        "text": "滑稽"
      },
      {
        "icon": "amazing",
        "text": "吃惊"
      },
      {
        "icon": "angry",
        "text": "生气"
      },
      {
        "icon": "cry",
        "text": "哭泣"
      },
      {
        "icon": "die",
        "text": "die"
      },
      {
        "icon": "doubt",
        "text": "疑问"
      },
      {
        "icon": "feizao",
        "text": "肥皂"
      },
      {
        "icon": "fue",
        "text": "扶额"
      },
      {
        "icon": "heng",
        "text": "哼"
      },
      {
        "icon": "laughing",
        "text": "大笑"
      },
      {
        "icon": "look",
        "text": "偷看"
      },
      {
        "icon": "maimeng",
        "text": "卖萌"
      },
      {
        "icon": "OK",
        "text": "OK!"
      },
      {
        "icon": "scare",
        "text": "吓死宝宝惹"
      },
      {
        "icon": "shakinghead",
        "text": "摇头"
      },
      {
        "icon": "sleep",
        "text": "睡觉"
      },
      {
        "icon": "speechless",
        "text": "无语"
      },
      {
        "icon": "watermaleon",
        "text": "吃瓜"
      },
      {
        "icon": "witty",
        "text": "机智"
      }
    ]
  },

保存上传后再找到/usr/themes/handsome/assets/css里的handsome.min.css把代码全选复制用在线工具美化后进行编辑,大约在第8879行,添加如下代码:

.emotion-quyin {
    width: 66px;
}

作用是限制图片的大小,不然输出出来图片尺寸太大,最终效果如下图所示:

Leave a Comment

25 Comments
  1. 21232 21232     Windows 10 /    Google Chrome

    ::quyin:speechless::

  2. q q     Windows 10 /    Google Chrome

    你好,不是handsome主题怎么添加呢。。也很想用上表情。。::quyin:witty:: OwO插件装上后台不显示。。文件名已经改了的。。

  3. 临轩 临轩     Windows 10 /    Google Chrome

    "蛆音娘": {

    "type": "quyin", "name": "quyin",

    type和name有什么含义吗?我在原主题(非此文中的两个主题)的OwO.json里加上了如上2种代码,然后同级文件夹为quyin里面就是图片,但是实际用时只显示英文,不显示图片。请问是哪里出了问题,我要怎么改?
    ::quyin:fue::

  4. ,, ,,     Android Oreo /    QQ浏览器

    ::quyin:1huaji::嘿嘿

  5. 不错,素材已用上,有 2233 娘的素材吗,也想加上去 不错,素材已用上,有 2233 娘的素材吗,也想加上去     Ubuntu /    Opera

    不错,素材已用上,有 2233 娘的素材吗,也想加上去

  6. pyubun pyubun     Windows 10 /    Google Chrome

    ::quyin:look::

  7. Spoience Spoience     Windows 10 /    Google Chrome

    Void主题有没有方法呢::quyin:hematemesis::

  8. 熊猫 熊猫     iPhone /    Safari

    ::quyin:doubt::

  9. 临轩 临轩     Windows 10 /    Google Chrome

    @(滑稽)::quyin:laughing::#(吐舌)୧(๑•̀⌄•́๑)૭

    1. 左岸 左岸     Windows 10 /    Google Chrome

      @临轩@(滑稽)@(滑稽)@(滑稽)

  10. 烟尘 烟尘     Windows 7 /    Google Chrome

    嗯哼,typecho如何配置呢,还是没看懂@(滑稽)
    oh!表情咋换了