Zabbix5.0前端个性化设置，手把手教你定制Logo

最新推荐文章于 2023-06-03 09:17:32 发布

Zabbix_China

最新推荐文章于 2023-06-03 09:17:32 发布

阅读量1.1k

点赞数

文章标签：前端 docker 容器

本文链接：https://blog.csdn.net/Zabbix_China/article/details/125096252

版权

本文介绍在Zabbix5.0中如何通过修改Zabbix前端文件icon-sprite.svg来实现自定义Logo，参与感更强。

Inkscape: 是一款开源免费的，用于创建编辑svg文件的工具。

需求

需要将Zabbix登录页面及Dashboard左上角Zabbix Logo，替换成自定义的Logo。

1.使用Inkscape修改Zabbix 前端文件icon-sprite.svg，该文件在Zabbix前端安装文件目录/assets/img/icon-sprite.svg中。

将要替换的目标Logo导入inkscape工具，并调整对应的参数，如下图：

注：参数和位置要和源Logo一致，否则不显示；：1处的z可以删除直接替换下一层的红色背景。

修改后效果图，如下：

2.将源文件assets/img/icon-sprite.svg备份，并将修改好的文件进行替换，刷新Zabbix页面即可。

关注