[LINUX] Ich möchte das Erscheinungsbild von zabbix anpassen

[0. Was du machen willst / Warum machst du das?](#Was du machen willst / Warum machst du das?) 1. Ziel [2. Bildvorbereitung](# Bildvorbereitung) [3. Vorbereitung der Umgebung](#Vorbereitung der Umgebung) [4. Bild auf Zabbix-Server übertragen](Bild auf # Zabbix-Server übertragen) [5. Umschreiben des Quellcodes](# Umschreiben des Quellcodes)

Was Sie tun möchten und warum Sie es tun

Ich möchte zabbix süß aussehen lassen! Es gibt Zeiten, in denen Sie das Bild, die Farbe, den Hintergrund usw. ändern möchten, oder? Ich bin kein Front-End-Ingenieur, aber ich verstehe die Grundlagen, also spiele ich damit herum. Warum ich das mache, ist für mich "eine Abwechslung !! Erfahren Sie mehr über ZABBIX!". Auf der anderen Seite denke ich, dass einige Leute eine Active / Standby-Konfiguration haben, so dass ich denke, dass es einfacher ist zu sehen, auf welchen Computer Sie sofort zugreifen.

Tor

Dieses Mal werde ich das Bild von ZABBIX in Tamolab ändern, so wie ich es gemacht habe!

Bildvorbereitung

Erstellen Sie ein Bild. Ich bin ein Powerpoint-Gläubiger, also werde ich es mit Powerpo erstellen. Die Größe war mir egal, aber ich habe sie mit 88 × 20 (tamlab.JPG) erstellt. Speichern Sie es nach der Erstellung auf Ihrem Desktop.

Übertragen Sie Bilder auf den Zabbix-Server

Übertragen Sie das Bild auf den Server.

Datentransfer

PC$ scp ~/Desktop/tamlab.png <zabbix server IP>:~/
#Hoffentlich wird es wie folgt übertragen
tamlab.png               100%   31KB   3.0MB/s   00:00
PC$ 

Bildplatzierung

Verschieben Sie das übertragene Bild an den folgenden Ort.

Datenbewegung

zabbix-server$ sudo mv ~/tamlab.png /usr/share/zabbix/assets/img/ 

Quellcode neu schreiben

Gehen Sie zur folgenden Hierarchie und überprüfen Sie die Datei.

Hierarchische Bewegung

zabbix-server$ cd /usr/share/zabbix/assets/styles
zabbix-server$ ls 
blue-theme.css  dark-theme.css  hc-dark.css  hc-light.css

blue-theme.css dark-theme.css hc-dark.css hc-light.css ist mit den folgenden Einstellungen verknüpft. Wenn Sie beispielsweise in den Kontoeinstellungen (GUI) das Thema "Dunkel" auswählen, wird dark-theme.css angewendet.

Lassen Sie uns das Thema "Dunkel" bearbeiten. Bearbeiten Sie das .logo.

/usr/share/zabbix/assets/styles/dark-theme.css

zabbix-server$ sudo vim /usr/share/zabbix/assets/styles/dark-theme.css
...
.logo {
  float: left;
  display: block;
  width: 95px;
  height: 50px;
  background: url(../img/tamlab.JPG) no-repeat 0 11px; }
  //background: url(../img/icon-sprite.svg) no-repeat 0 -903px; }
...

Ich habe den Originalcode auskommentiert und das Referenzbild von "../ img / icon-sprite.svg" in "../ img / tamlab.JPG" geändert.

das Ende. Sie können es auch auf verschiedene Arten anpassen, indem Sie mit CSS spielen!