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

时间:2021-11-14 11:04:36

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

之前关于 Zabbix 更换 logo 这事其实比较复杂,随着 5.4 版本不断迭代,Zabbix官方也是提供了相关方法,相比之前确实容易了不少,但依然是通过命令行来实现。

正文

本文环境

  • 系统版本:CentOS 8.5.2111
  • Zabbix 版本:6.0 beta1

操作方法

在最新版本(5.0 、5.4、6.0)提供了 Rebranding(直译为品牌重塑) 的模块。该模板为一个 php 文件。

需要注意该文件为新建,文件名为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:帮助链接
  1. return [
  2. 'BRAND_LOGO' => './images/custom_logo.png',
  3. 'BRAND_LOGO_SIDEBAR' => './images/custom_logo_sidebar.png',
  4. 'BRAND_LOGO_SIDEBAR_COMPACT' => './images/custom_logo_sidebar_compact.png',
  5. 'BRAND_FOOTER' => '© Zabbix',
  6. 'BRAND_HELP_URL' => 'https://www.example.com/help/'
  7. ];

确定 logo 大小

通过浏览器的开发者服务(F12查看元素界面)查看现有 Zabbix 网页 logo 的规格。

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

登录页logo为114x30

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

侧栏logo为91x24

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

侧栏隐藏logo为24x24

确定 web 界面的根目录(笔者采用的为apache服务)

  1. find / -name zabbix.conf
Zabbix随笔:更换自定义logo及内容

找到apache或nginx下的zabbix.conf

  1. vim /etc/httpd/conf.d/zabbix.conf

通过该文件可以看到根目录为 /usr/share/zabbix 下

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

创建 logo 文件夹,将相关 logo 文件放入该文件夹

  1. mkdir /usr/share/zabbix/logo
Zabbix随笔:更换自定义logo及内容

创建 brand.conf.php 文件

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

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

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

效果

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

登录界面

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

侧栏隐藏logo

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

侧栏logo

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

页脚

favicon 替换

找到 favicon 的具体位置

  1. find / -name favicon.ico
Zabbix随笔:更换自定义logo及内容

备份并将新文件移动到指定目录

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

效果

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

替换成功

后话

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

原文链接:https://www.toutiao.com/a7043636629261025805/