给博客主题添加OwO表情

技术 · 2021-02-23 · 4280 人浏览

:bilidoge
你可能已经注意到了,评论的时候表情里面多了很多东西 :Coolapk77:
:QQ242: :QQ242: :QQ242:
那么究竟是怎么加的呢?小编也很疑惑
接下来一起和小编来看看吧


抠表情

本来是准备直接去网上下载表情包的,但是发现网上的素材都有点老了...
所以自己动手丰衣足食,直接参考b站一个视频酷安表情包提取教程
然后就顺利的提取出来了酷安的表情包。

但是QQ的表情包提取就不太顺利了,刚开始,我也准备解包QQ的apk,但是找到表情包地址之后没用...动图全部是0kb,不知道是不是腾讯加密了。我裂开了

然后我就找到了一篇文章获取QQ所有的表情包,包括emoji,动态gif
wow,这可真是好东西,找主题群大佬改了一下就提取出来了qq的emoji了,包括最新的(虽然有点模糊)

至于小电视的表情包嘛,我直接从翠翠的博客上面下载的 :QQ265:

处理图片

提取表情出来之后,我才发现,这表情包图片也太大了8,放在网站上面有点影响观感,于是想改成统一的30*30px。于是乎,用ps批处理改好了酷安的表情包
但是qq和小电视的就麻烦了,动图貌似不能用ps批处理保存,于是我就想着借鉴(抄网上大佬的)python脚本,但是遇到了很多麻烦,比如动图某一帧消失,改完极度不清晰之类的bug,最后也就失败了..

添加到博客里面

我的主题采用了OwO表情,主题文档里面贴心的给了食用教程,然而我像一个憨憨一样没看见,然后瞎搞一通 :Coolapk72: 好心的咕咕作者ohmyga在群里提醒了我..

小表情重命名

怎么把小表情重命名呢,有个骚套路,你只需要右键,选中所有图片
1
然后重命名
2
然后删掉名字
3
最后点击空白处,图片就会按照序号自动命名了,不过要注意,括号前面还有一个空格(这个坑了我好久)

上传到Github

众所周知,jsdelivr免费好用,免费的cdn就是香啊,而且只要将资源上传到GitHub上面就可以了。所以我们在GitHub上面建好一个仓库,然后把重命名好的小表情全部上传上去,再发布release,就可以享受jsdelivr了。

编辑owo.json

这是个麻烦事,因为表情太多了,不可能一条一条的复制粘贴编辑json文件,然后我就写了个小脚本自动生成json

for i in range(1,267):
    line=' ('+str(i)+').gif'
    line1=line.replace('(','').replace(')','').replace('.gif','').replace(' ','')
    print("{\"file\": \""+line+"\", \"data\": \":QQ"+line1+'"},')

这个是QQ的(只是挂上来看看而已
最后把修改好的json文件复制到服务器上面就好啦 :QQ257:

最后附上几个表情包,包括json文件都在里面,可以直接用
QQ.zip
Coolapk.zip
小电视.zip
  1. 雨惜 2021-11-05

    没记错的话,JsDelivr是不能当图床的(至少不允许) :Coolapk78:

    1. Xunflash (作者)  2021-11-06
      @雨惜

      完了,那寄了,我的博客全是jsdelivr

      1. 雨惜 2021-11-06
        @Xunflash

        我这全部Azure(MicroSoft深度套牢用户) :Coolapk85:

  2. 一新 2021-08-05

    可以,很强! :xwx7:

  3. Zgyuan 2021-05-24

    :QQ242: 这个狗头比其他表情大哦~

    1. Xunflash (作者)  2021-05-24
      @Zgyuan

      好像因为这个是个gif,批量改大小没改成功,(不修了,让他大吧 :QQ242:

  4. 空城旧梦 2021-02-27

    ::(惊哭)

    1. 1234 2021-08-25
      @空城旧梦

      (☆ω☆)

Theme Jasmine by Kent Liao