之前关于 Zabbix 更换 logo 这事其实比较复杂,随着 5.4 版本不断迭代,Zabbix 官方也是提供了相关方法,相比之前确实容易了不少,但依然是通过命令行来实现。
正文
本文环境
- Zabbix 6.0 LTS
- RockyLinux 8.5
操作方法
在最新版本(5.0 、5.4、6.0)提供了 Rebranding(直译为品牌重塑)的模块,该模板为一个 php 文件。
需要注意该文件为新建的,原始是没有的,另外也需要注意安装的方式,本文 Zabbix 是采用包安装的方式,如果为其他安装方式,例如编译安装,则需要找到对应的目录下存放,文件名为
brand.conf.php
,路径在/usr/share/zabbix/local/conf/
下,参数详解如下:
- BRAND_LOGO:登录页 logo
- BRAND_LOGO_SIDEBAR:首页侧栏 logo
- BRAND_LOGO_SIDEBAR_COMPACT:首页侧栏隐藏 logo
- BRAND_FOOTER:页脚
- BRAND_HELP_URL:帮助链接
/usr/share/zabbix/local/conf/brand.conf.php
<?php return [
'BRAND_LOGO' => './images/custom_logo.png',
'BRAND_LOGO_SIDEBAR' => './images/custom_logo_sidebar.png',
'BRAND_LOGO_SIDEBAR_COMPACT' => './images/custom_logo_sidebar_compact.png',
'BRAND_FOOTER' => '© Zabbix',
'BRAND_HELP_URL' => 'https://www.example.com/help/'
];
预估 logo 大小
笔者在测试的时候发现,原 Zabbix 图标的大小仅提供参考,由于每个人的环境不一样,所提供的的图标也就不一样的,可以不断尝试,符合自己的审美即可。
确定 web 界面的根目录(本文采用的为 nginx 的服务)
通过查看 nginx 目录下的 conf.d/
文件夹下的 zabbix.conf 得知根目录在 /usr/share/zabbix/
下
find / -name zabbix.conf
找到 apache 或 nginx 下的 zabbix.conf,并查看相关内容,可以发现根目录为/usr/share/zabbix
vim /etc/nginx/conf.d/zabbix.conf
创建 logo 文件夹(根据个人喜好,也可以不用创建)
代码语言:javascript复制mkdir /usr/share/zabbix/logo
创建 brand.conf.php 文件
代码语言:javascript复制vim /usr/share/zabbix/local/conf/brand.conf.php
这里需要注意的是图片的存放位置,和刚才查看的网页根目录位置有着必然联系,也就是需要将目录存放到网页目录下。
效果
favicon 替换
找到 favicon 的具体位置
代码语言:javascript复制find / -name favicon.ico
备份并将新文件移动到指定目录(前提先将文件传入到系统里,本文放在 tmp 目录下)
代码语言:javascript复制mv /usr/share/zabbix/favicon.ico /usr/share/zabbix/favicon.ico.bak
mv /tmp/favicon.png /usr/share/zabbix/favicon.ico
最终效果
写在最后
Zabbix 的这个功能相对其他软件的 logo 替换比较弱,但目前相比于之前简单的多,由于我的这个图标并不是自己做的,所以比较难看