Zabbix随笔：更换自定义logo及内容

之前关于 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 图标的大小仅提供参考，由于每个人的环境不一样，所提供的的图标也就不一样的，可以不断尝试，符合自己的审美即可。

登录页logo为114x30

侧栏logo为91x24

侧栏隐藏logo为24x24

确定 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 文件夹（根据个人喜好，也可以不用创建）

mkdir /usr/share/zabbix/logo

创建 brand.conf.php 文件

vim /usr/share/zabbix/local/conf/brand.conf.php

这里需要注意的是图片的存放位置，和刚才查看的网页根目录位置有着必然联系，也就是需要将目录存放到网页目录下。

效果

登录首页

侧边栏logo(未隐藏)

侧边栏logo(隐藏)

favicon 替换

找到 favicon 的具体位置

find / -name favicon.ico

备份并将新文件移动到指定目录（前提先将文件传入到系统里，本文放在 tmp 目录下）

mv /usr/share/zabbix/favicon.ico /usr/share/zabbix/favicon.ico.bak 
mv /tmp/favicon.png /usr/share/zabbix/favicon.ico

最终效果

替换了favicon

写在最后

Zabbix 的这个功能相对其他软件的 logo 替换比较弱，但目前相比于之前简单的多，由于我的这个图标并不是自己做的，所以比较难看😭，大家在进行替换的时候可以要求 UED 的同事做出相对应规格的图片要好很多。