前言

闲着夜班结束然后练实验的时间,突发奇想的想给网站添加一个gif的表情包,因为我看很少博客有gif的表情包,gif表情包当然选择瑶一瑶啦,因为我自己微信里面表情包大部分都是她,所以我索性就去网上搜集了几十个表情包进行添加.

效果

代码

在原有的xx.json文件里面添加,例如蛆音娘的表情包系列添加代码如下：

"蛆音娘": {
    "type": "usr",
    "name": "quyin",
    "suffix": ".png",
    "retinaSuffix": ".png",
    "imgClass": "quyin",
    "container": [{
            "icon": "hematemesis",
            "text": "吐血"
        },
        {
            "icon": "witty",
            "text": "机智"
        }
    ]
},

放置好代码 进行大小设置

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

同时找到解析的php页面,别忘记添加gif格式,不然只显示图片评论之后会显示失败。因为原本解析只有png格式,所以还得增加判断条件,因为每个主题的定义都不一样,这个得自己去定义.

字体

原有的华为鸿蒙字体700kb,感觉太久了视觉有点疲劳,于是乎我用了阿里妈妈方圆体 VF Regular-subset,字体包只有18k,woff和woff2文件分别为9.2kb和7.9kb.

下载链接：阿里妈妈方圆体下载

瑶一瑶表情包

等我整理好了,我上传到GitHub供大家下载,也可以自己手动保存!

主题整改

想着给主题加点短代码功能,但自己对php不熟悉,如果有知道如何添加的小伙伴也可以找我噢,成功了实现了短代码功能,天气炎炎,团团请你喝一杯奶茶噢！