Zblog解决主题和插件同时使用iconfont时图标编码重复问题

燕山网络科技2022-07-30 10:38:422644

目前越来越多的开发者开始使用iconfont-阿里巴巴矢量图标库。

如果用户在iconfont上传的图标都有唯一的编码,这并没有什么问题。

但问题就在于,每个图标的编码只有在单个项目中才是唯一的,不同的项目中的图标,编码是可以重复的。

这也就导致了Zblog的开发者做出来的主题和插件,图标会出现顶替现象。

例如,主题中使用的图标是Zblog解决主题和插件同时使用iconfont时图标编码重复问题 iconfont zblog教程 第1张,编码

插件中使用的图标是Zblog解决主题和插件同时使用iconfont时图标编码重复问题 iconfont zblog教程 第2张,编码也是

因为编码相同,这两个不同的图标其中一个就会顶替另外一个!

到底谁会顶替谁呢?

这取决与,谁调用的图标项目库在后,后者顶替前者。

如果产生图标编码重复的主题和插件,不是同一个作者,那么应该谁去兼容谁呢?

当然,希望大家本着友好沟通的原则去解决这个事情,而不是互相指责。


怎么从一开始避免主题和插件的图标相互冲突呢?

开发者可以在图标中加入自己的唯一标识。

例如,我做的插件,就在图标编码的结尾中加入了1。

Zblog解决主题和插件同时使用iconfont时图标编码重复问题 iconfont zblog教程 第3张

当然这个方案仍是比较草率的,如果其他人也用相同的方法避免图标编码重复,那么,我与他可能又要重复了。

但至少,目前还没发现这个问题。

那么,在主题中,我应该认真考虑添加什么作为唯一标识了。

顺便说一下,图标编码除了开头的&#x,后面最多只能显示5位字母和数字。

而且iconfont的图标编码默认都是4位字母和数字的。

因此,也给了我们可以修改图标编码的机会。

经过一番认真考虑,我决定在字母e(这个字母不可更改)后面加入f,作为我的唯一标识。

因为fui(Finch UI-燕雀UI),将是我以后开发新主题的唯一标识。取一个字母f应该也是很合适的。

你们不要用f了哟~Zblog解决主题和插件同时使用iconfont时图标编码重复问题 iconfont zblog教程 第4张

分享到:

本文链接:https://h.finchui.com/zblogcn/4760.html 转载需授权!

最新发布

燕山网络科技在线咨询

上班时间:9:00-22:00
周六、周日:14:00-22:00
wechat
扫一扫二维码,添加客服微信

15639981097

上班时间:9:00-22:00
周六、周日:14:00-22:00

扫一扫二维码,添加客服微信