增加了瑶一瑶动态表情包及改了字体
发布时间:2023-07-28
前言
闲着夜班结束然后练实验的时间,突发奇想的想给网站添加一个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不熟悉,如果有知道如何添加的小伙伴也可以找我噢,成功了实现了短代码功能,天气炎炎,团团请你喝一杯奶茶噢!

哇 你要支持我吗?太慷慨了!谢谢
评论框里貌似没有表情呀。
已经修复了
评论框内没表情嘛,不能把,只是是解析的定义少了一个 所以出现不显示图片
试试看,生效没
已经修复了
现在发现了问题 少了一个parseyyyBiaoqingCallback 问题是不知道如何多定义一个这个callback,还得请教一下别人 晚点修复一下表情解析的问题
GIF似乎没有正常解析
已修复了
是添加了gif的解析的,怎么这会就不行了,变成原来的png解析去了.