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

Zabbix随笔:更换自定义logo及内容
登录页logo为114×30
Zabbix随笔:更换自定义logo及内容
侧栏隐藏logo为24×24

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

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

find / -name zabbix.conf
Zabbix随笔:更换自定义logo及内容
查找配置文件路径

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

vim /etc/nginx/conf.d/zabbix.conf
Zabbix随笔:更换自定义logo及内容
查询网页根目录

创建 logo 文件夹(根据个人喜好,也可以不用创建)

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

创建 brand.conf.php 文件

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

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

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

效果

Zabbix随笔:更换自定义logo及内容
登录首页
Zabbix随笔:更换自定义logo及内容
侧边栏logo(未隐藏)
Zabbix随笔:更换自定义logo及内容
侧边栏logo(隐藏)

favicon 替换

找到 favicon 的具体位置

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

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

最终效果

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

写在最后

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

原创文章,作者:运维社区

如若转载,请注明出处:https://blog.kasarit.cn/?p=110

(1)
上一篇 2022年6月5日 上午11:38
下一篇 2022年6月7日 上午11:27

相关推荐

发表回复

您的电子邮箱地址不会被公开。