给博客主题添加OwO表情
浏览 877 | 评论 8 | 字数 2145
Xunflash
2021年02月23日

  • 你可能已经注意到了,评论的时候表情里面多了很多东西

    那么究竟是怎么加的呢?小编也很疑惑
    接下来一起和小编来看看吧


    抠表情

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

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

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

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

    处理图片

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

    添加到博客里面

    我的主题采用了OwO表情,主题文档里面贴心的给了食用教程,然而我像一个憨憨一样没看见,然后瞎搞一通 好心的咕咕作者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文件复制到服务器上面就好啦

    最后附上几个表情包,包括json文件都在里面,可以直接用

    QQ.zip
    Coolapk.zip
    小电视.zip

    本文作者:Xunflash
    本文链接:https://xunflash.top/index.php/archives/OwO.html
    最后修改时间:2021-04-01 21:32:29
    本站未注明转载的文章均为原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!
    评论
    球球给菜鸡站长评个论8
    textsms
    支持 Markdown 语法
    email
    link
    评论列表
    已有 8 条评论
    2021-11-06 07:15
    没记错的话,JsDelivr是不能当图床的(至少不允许)
    2021-11-06 11:48
    @雨惜 完了,那寄了,我的博客全是jsdelivr
    2021-11-06 14:00
    @Xunflash 我这全部Azure(MicroSoft深度套牢用户)
    2021-08-05 21:15
    可以,很强!
    Zgyuan
    2021-05-24 21:02
    这个狗头比其他表情大哦~
    2021-05-24 21:06
    @Zgyuan 好像因为这个是个gif,批量改大小没改成功,(不修了,让他大吧
    空城旧梦
    2021-02-27 08:39
    1234
    2021-08-25 20:58
    @空城旧梦 (☆ω☆)