最近在Nezha哪吒探针的面板上发现图标显示异常,一开始还以为是我的卡了,直到别人跟我说有问题才开始仔细调查,经过定位核实到是CSS和JS的文件的问题。
nezha默认使用了cdn.staticfile.org作为第三方资源库镜像提供部分CSS、JS文件。
其中有
- https://cdn.staticfile.org/semantic-ui/2.4.1/themes/default/assets/images/flags.png
- https://cdn.staticfile.org/font-logos/0.17/font-logos.min.css
- https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.js
这三是罪魁祸首。分别是国旗等图标以及系统图标等资源文件。其中国旗的这个最明显,直接上对比图
很明显,CF源是正常的。而这个图片确实出现在cdn.staticfile.org官网的清单,且我使用的2.4.1版本和最新的2.5.0版本都这样。
实际上这垃圾玩意和其他国产镜像源一样也是经常出问题的,个人建议别必要不使用国产灵车源(包括但不限于cdn.staticfile.org)。
因此我推荐更换为CF源更加靠谱。
- https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/themes/default/assets/images/flags.png
- https://cdnjs.cloudflare.com/ajax/libs/font-logos/0.17/font-logos.min.css
- https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js
直接进入docker修改文件即可。静态的HTML中写了引入这几个文件的就换一下。注意CF源的Path是还有ajax/libs/的,再后面的格式一致。
包括 /dashboard/resource/template/common 在内的多个地方都替换。
当然,前端NGINX替换也许也欧克。
后记,经过审查发现,国旗图在第三列倒数第七行的图标,疑似台湾地区使用的中华民国国旗(青天白日旗),而这个图标通常在中国大陆地区是禁止出现、要被屏蔽的(比如简中的国行iOS)。不过其他JS、CSS文件为什么挂就不知道了,也涉及台湾问题了吗?
Comments NOTHING