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

2022-03-12 10:56:50 浏览数 (1)

之前关于 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

代码语言:javascript复制
<?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为114x30
侧栏logo为91x24侧栏logo为91x24
侧栏隐藏logo为24x24侧栏隐藏logo为24x24

确定 web 界面的根目录(本文采用的为 nginx 的服务)

通过查看 nginx 目录下的 conf.d/ 文件夹下的 zabbix.conf 得知根目录在 /usr/share/zabbix/

代码语言:javascript复制
find / -name zabbix.conf
查找配置文件路径查找配置文件路径

找到 apache 或 nginx 下的 zabbix.conf,并查看相关内容,可以发现根目录为/usr/share/zabbix

代码语言:javascript复制
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

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

效果

登录首页登录首页
侧边栏logo(未隐藏)侧边栏logo(未隐藏)
侧边栏logo(隐藏)侧边栏logo(隐藏)

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

最终效果

替换了favicon替换了favicon

写在最后

Zabbix 的这个功能相对其他软件的 logo 替换比较弱,但目前相比于之前简单的多,由于我的这个图标并不是自己做的,所以比较难看

0 人点赞