Typecho增加bilibili表情包详细记录_小电视表情包下载_handsome主题

博主： 52txr
发布时间：2022 年 06 月 08 日
2233 次浏览
10 条评论
4356字数
您在本页停留了

寻思着在表情包里拓展一下好玩的表情包，毕竟主题默认的表情包实在有点少，整点有趣的。本文介绍如何在handsome主题里添加B站小电视表情包，其他主题参照即可。

小葵花课堂开课了！

首先在themes/handsome/assets/img/emotion路径下新建一个文件夹，起名bilibili

新建表情包文件夹

然后把对应的表情包png文件放到这个文件夹里面：

只支持PNG文件

表情包下载链接（png动图，已经转换完成的）：

此处内容需要评论回复后（审核通过）方可阅读。

在此感谢青柠大佬在博客里分享的资源

修改主题目录下面的usr/OwO.json文件（注意放的位置前后逗号之类的问题）：

"bilibili":{
    "type": "image",
    "name": "bilibili",
    "container":[
      {
        "icon": "baiyan",
        "text": "白眼"
      },
      {
        "icon": "bishi",
        "text": "鄙视"
      },
      {
        "icon": "bizui",
        "text": "闭嘴"
      },
      {
        "icon": "chan",
        "text": "馋"
      },
      {
        "icon": "daku",
        "text": "大哭"
      },
      {
        "icon": "dalao",
        "text": "大佬"
      },
      {
        "icon": "dalian",
        "text": "打脸"
      },{
        "icon": "dianzan",
        "text": "点赞"
      },{
        "icon": "doge",
        "text": "doge"
      },
      {
        "icon": "facai",
        "text": "发财"
      },{
        "icon": "fadai",
        "text": "发呆"
      },{
        "icon": "fanu",
        "text": "发怒"
      },{
        "icon": "ganga",
        "text": "尴尬"
      },{
        "icon": "guzhang",
        "text": "鼓掌"
      },{
        "icon": "haixiu",
        "text": "害羞"
      },{
        "icon": "heirenwenhao",
        "text": "黑人问号"
      },{
        "icon": "huaixiao",
        "text": "坏笑"
      },{
        "icon": "jingxia",
        "text": "惊吓"
      },{
        "icon": "keai",
        "text": "可爱"
      },{
        "icon": "koubi",
        "text": "抠鼻"
      },{
        "icon": "kun",
        "text": "困"
      },{
        "icon": "liubixie",
        "text": "流鼻血"
      },{
        "icon": "liuhan",
        "text": "流汗"
      },
      {
        "icon": "miantian",
        "text": "腼腆"
      },{
        "icon": "nanguo",
        "text": "难过"
      },{
        "icon": "outu",
        "text": "呕吐"
      },{
        "icon": "qinqin",
        "text": "亲亲"
      },{
        "icon": "se",
        "text": "色"
      },{
        "icon": "shengbing",
        "text": "生病"
      },{
        "icon": "shengqi",
        "text": "生气"
      },{
        "icon": "shuizhao",
        "text": "睡着"
      },{
        "icon": "sikao",
        "text": "思考"
      },{
        "icon": "tiaopi",
        "text": "调皮"
      },{
        "icon": "touxiao",
        "text": "偷笑"
      },{
        "icon": "tuxie",
        "text": "吐血"
      },{
        "icon": "weiqu",
        "text": "委屈"
      },{
        "icon": "weixiao",
        "text": "微笑"
      },{
        "icon": "wunai",
        "text": "无奈"
      },{
        "icon": "xiaoku",
        "text": "笑哭"
      },{
        "icon": "xieyanxiao",
        "text": "斜眼笑"
      },{
        "icon": "yiwen",
        "text": "疑问"
      },{
        "icon": "yun",
        "text": "晕"
      },{
        "icon": "zaijian",
        "text": "再见"
      },{
        "icon": "zhuakuang",
        "text": "抓狂"
      }
    ]
  }

最终效果

需要注意的是，要是用了静态资源CDN，记得在CDN里面响应的位置加入表情包资源包。

最后，在后台自定义CSS里面增加一个样式来限制大小：

.emotion-bilibili {width: 25px;}
.comment-content-true img.emotion-bilibili {max-width: 100%!important;}

本文标签：网站开发 typecho

版权声明 ▶ 本网站名称：陶小桃Blog
▶ 本文链接：https://www.52txr.cn/2022/Bilibiaoqingbao.html
▶ 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行核实删除。
▶ 转载本站文章需要遵守：商业转载请联系站长，非商业转载请注明出处并附带原文链接！！
▶ 站长邮箱 [email protected] 或 [email protected] ，如不方便留言可邮件联系。