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

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

[[442964]]

之前关于 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. <?php 
  2. return [ 
  3.     'BRAND_LOGO' => './images/custom_logo.png'
  4.     'BRAND_LOGO_SIDEBAR' => './images/custom_logo_sidebar.png'
  5.     'BRAND_LOGO_SIDEBAR_COMPACT' => './images/custom_logo_sidebar_compact.png'
  6.     'BRAND_FOOTER' => '© Zabbix'
  7.     'BRAND_HELP_URL' => 'https://www.example.com/help/' 
  8. ]; 

确定 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 的同事做出相对应规格的图片要好很多。

 

责任编辑:姜华 来源: 今日头条
相关推荐

2022-04-11 07:47:45

zabbix邮件告警项目

2016-08-23 13:21:15

MVC路由视图

2015-02-12 15:33:43

微信SDK

2015-02-12 15:38:26

微信SDK

2009-08-05 18:01:20

C#自定义异常处理

2016-11-16 21:55:55

源码分析自定义view androi

2016-12-26 15:25:59

Android自定义View

2011-06-23 10:49:13

Qt 自定义信号

2020-09-04 13:30:43

Java自定义代码

2017-01-11 10:27:36

Linux终端自定义Bash

2010-03-02 18:01:07

WCF自定义消息筛选器

2009-07-06 16:59:26

JSP自定义标签

2013-06-27 11:10:01

iOS开发自定义UISlider

2010-09-14 16:47:23

SQL自定义函数

2013-04-19 10:14:24

2015-07-22 10:57:36

watchOS图表自定义

2023-09-06 10:33:40

夜莺监控数据库

2021-12-28 15:38:46

Traefik中间件插件

2021-11-23 15:06:42

Kubernetes 运维开源

2009-06-08 20:13:36

Eclipse自定义控
点赞
收藏

51CTO技术栈公众号