前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >给handsome主题加上小黄脸表情包

给handsome主题加上小黄脸表情包

作者头像
Inkedus
发布2020-04-16 16:00:39
1.1K2
发布2020-04-16 16:00:39
举报
文章被收录于专栏:InkedusInkedus

前言

仅限于handsome主题使用,其他的自测(提供表情包)

哔哩哔哩tv_小电视:

给你的handsome主题加上哔哩哔哩小电视表情

操作前请做好备份只适用于Handsome主题演示演示站:本站如何使用下载 tp xiaodianshi.zip后解...

B站新热表情:

handsome主题B站新表情

介绍仅限于handsome主题使用,其他的自测(提供表情包)哔哩哔哩tv_小电视:正文概要2020/03/09更新...

为防止伸手党,您评论后即可获取资源包文件

正文

演示

演示站:本站

截图:

下载

OwO.json文件(包括阿鲁,小电视,滑稽paopao,B站新表情,小黄脸):

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

表情包文件(只有小黄脸):

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

使用

第一种方法
  • 下载OwO.json文件,然后备份并替换原来的OwO.json(/usr/themes/handsome/usr/OwO.json)文件,并增删内容改为你想要的样式(也可以不改)
  • 下载表情包文件 并在/usr/themes/handsome/usr/img/emotion/目录下创建zcs_xhl文件夹,把表情包文件解压到zcs_xhl文件夹下 (注意大写

)

第二种方法
  • 复制以下内容,粘贴到合适的位置(适用于大佬,小白用第一种方法吧)
代码语言:javascript
复制
 "小黄脸":{
      "type": "image",
      "name": "zcs_xhl",
      "container":[
        {
          "icon": "jingxi",
          "text": "惊喜"
        },{
          "icon": "shengbing",
          "text": "生病"
        },{
          "icon": "dianzan",
          "text": "点赞"
        },{
          "icon": "daku",
          "text": "大哭"
        },{
          "icon": "mojing",
          "text": "墨镜"
        },{
          "icon": "kouzhao",
          "text": "口罩"
        },{
          "icon": "zhuakuang",
          "text": "抓狂"
        },{
          "icon": "touxiao",
          "text": "偷笑"
        },{
          "icon": "xihuan",
          "text": "喜欢"
        },{
          "icon": "xia",
          "text": "吓"
        },{
          "icon": "haixiu",
          "text": "害羞"
        },{
          "icon": "jong",
          "text": "囧"
        },{
          "icon": "dai",
          "text": "呆"
        },{
          "icon": "lhcq",
          "text": "灵魂出窍"
        },{
          "icon": "xxy",
          "text": "星星眼"
        },{
          "icon": "xiao",
          "text": "笑"
        },{
          "icon": "suanle",
          "text": "酸了"
        },{
          "icon": "ohu",
          "text": "哦呼"
        },{
          "icon": "xgeq",
          "text": "喜极而泣"
        },{
          "icon": "haqian",
          "text": "哈欠"
        },{
          "icon": "guzhang",
          "text": "鼓掌"
        },{
          "icon": "teng",
          "text": "疼"
        },{
          "icon": "chigua",
          "text": "吃瓜"
        },{
          "icon": "OK",
          "text": "OK"
        },{
          "icon": "wulian",
          "text": "捂脸"
        },{
          "icon": "tu",
          "text": "吐"
        },{
          "icon": "tiaopi",
          "text": "调皮"
        },{
          "icon": "aojiao",
          "text": "傲娇"
        },{
          "icon": "wuyu",
          "text": "无语"
        },{
          "icon": "dacall",
          "text": "打call"
        },{
          "icon": "weixiao",
          "text": "微笑"
        },{
          "icon": "piezui",
          "text": "撇嘴"
        },{
          "icon": "shengqi",
          "text": "生气"
        },{
          "icon": "nanguo",
          "text": "难过"
        },{
          "icon": "ciya",
          "text": "呲牙"
        },{
          "icon": "yihuo",
          "text": "疑惑"
        },{
          "icon": "yinxian",
          "text": "阴险"
        },{
          "icon": "fendou",
          "text": "奋斗"
        },{
          "icon": "jianxiao",
          "text": "奸笑"
        },{
          "icon": "wuyan",
          "text": "捂眼"
        },{
          "icon": "miaoa",
          "text": "妙啊"
        },{
          "icon": "doge",
          "text": "doge"
        },{
          "icon": "xiaoku",
          "text": "笑哭"
        },{
          "icon": "daxiao",
          "text": "大笑"
        },{
          "icon": "leng",
          "text": "冷"
        },{
          "icon": "koubi",
          "text": "抠鼻"
        },{
          "icon": "ganga",
          "text": "尴尬"
        },{
          "icon": "sikao",
          "text": "思考"
        },{
          "icon": "huaji",
          "text": "滑稽"
        },{
          "icon": "weiqu",
          "text": "委屈"
        },{
          "icon": "xianqi",
          "text": "嫌弃"
        },{
          "icon": "xusheng",
          "text": "嘘声"
        },{
          "icon": "fanbaiyan",
          "text": "翻白眼"
        },{
          "icon": "zaijian",
          "text": "再见"
        },{
          "icon": "jingya",
          "text": "惊讶"
        },{
          "icon": "guaiwolo",
          "text": "怪我咯"
        },{
          "icon": "yongbao",
          "text": "拥抱"
        },{
          "icon": "guile",
          "text": "跪了"
        },{
          "icon": "jiayou",
          "text": "加油"
        },{
          "icon": "ganbei",
          "text": "干杯"
        },{
          "icon": "laoshu",
          "text": "老鼠"
        },{
          "icon": "fudaole",
          "text": "福到了"
        },{
          "icon": "zhichi",
          "text": "支持"
        },{
          "icon": "xiangzhi",
          "text": "响指"
        },{
          "icon": "baoquan",
          "text": "抱拳"
        },{
          "icon": "baoyou",
          "text": "保佑"
        },{
          "icon": "jinli",
          "text": "锦鲤"
        },{
          "icon": "2020",
          "text": "2020"
        },{
          "icon": "heidong",
          "text": "黑洞"
        },{
          "icon": "jitui",
          "text": "鸡腿"
        }
      ]
    }
  • 下载表情包文件 并在/usr/themes/handsome/usr/img/emotion/目录下创建zcs_xhl文件夹,把表情包文件解压到zcs_xhl文件夹下

其他问题

没有效果?

清除CDN缓存,清除浏览器缓存 ctrl f5,苹果电脑:ctrl shift r

不显示图片

  • 请检查表情图片文件是否正确解压到/usr/themes/handsome/usr/img/emotion/BZ/目录下
  • 不要修改文件名

表情按钮消失

owo.json文件出问题了(检查是否存在,json代码是否规范)

图片太大

  • 自行想办法批量改大小
  • 加博主的交流群,群文件有表情包文件
  • 修改css,代码为:
代码语言:javascript
复制
/*小黄脸表情自定义大小*/
.emotion-zcs_xhl/**(zcs_xhl为表情文件夹名称)**/ {
    width: 45px;/*宽度,高度不用写,自适应*/
}
.comment-content-true img.emotion-zcs_xhl/*(zcs_xhl为表情文件夹名称)*/ {
    max-width: 100%!important;
}

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020 年 03 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 正文
    • 演示
      • 下载
        • 使用
          • 第一种方法
          • 第二种方法
      • 其他问题
        • 没有效果?
          • 不显示图片
            • 表情按钮消失
              • 图片太大
              相关产品与服务
              内容分发网络 CDN
              内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档