Cara Menyesuaikan UI Web Proxmox VE dengan tema gelap

Kita semua setuju bahwa Proxmox VE adalah solusi Virtualisasi yang luar biasa untuk pengguna rumahan dan pengaturan aplikasi bisnis perusahaan. Tidak perlu alat manajemen terpisah di Proxmox karena semuanya dapat dilakukan melalui browser web. Konsol HTML5 bawaan digunakan untuk mengakses konsol tamu. Sebagai alternatif,  SPICE  dapat digunakan.

Lingkungan Virtual Proxmox menawarkan alat baris perintah yang sangat baik dan REST API untuk integrasi aplikasi pihak ketiga. Secara desain, Proxmox hadir dengan satu tema saat dipasang. Dalam panduan ini kami akan membahas langkah-langkah yang akan Anda ikuti untuk menginstal tema gelap seperti Discord khusus untuk UI Web Proxmox. Tapi pertama-tama mari kita lihat fitur dari Proxmox Web Interface.

Fitur Antarmuka Pengguna Grafis Proxmox VE

Beberapa fitur yang tersedia pada Graphical User Interface Proxmox VE adalah:

• Integrasi dan pengelolaan klaster Proxmox VE yang mulus
• Teknologi AJAX untuk pembaruan sumber daya yang dinamis
• Antarmuka berbasis pencarian cepat, mampu menangani ratusan dan mungkin ribuan VM
• Akses aman ke semua Mesin Virtual dan Kontainer melalui enkripsi SSL (https)
• Amankan konsol HTML5 atau SPICE
• Manajemen izin berbasis peran untuk semua objek (VM, penyimpanan, node, dll.)
• Dukungan untuk beberapa sumber otentikasi (misalnya lokal, MS ADS, LDAP, …)
• Otentikasi Dua Faktor (OATH, Yubikey)
• Berdasarkan kerangka kerja JavaScript ExtJS 6.x

Instal tema gelap seperti Discord di Proxmox VE

Kami akan menggunakan tema gelap untuk UI Web Proxmox, yang terinspirasi oleh skema warna Discord. Proyek ini tersedia di Github jika Anda tertarik dengan sumber kode. Dalam tema ini, semuanya gelap, termasuk grafik, menu konteks, dan semua di antaranya.

Sebelum instalasi tema, antarmuka pengguna grafis (GUI) Proxmox VE memiliki tampilan yang ditunjukkan pada gambar di bawah.

Kami akan melakukan instalasi tema melalui utilitas CLI. Login ke node PVE Anda yang menjalankan UI Web, lihat contoh kami di bawah ini:

$ ssh [email protected] 10:32:31 [email protected] ~ →

Instal alat wget jika tidak tersedia di node.js.

sudo apt update && sudo apt install wget curl -y

Gunakan wgetutilitas untuk mengunduh skrip penginstalan tema.

wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/PVEDiscordDark.sh

Jadikan skrip dapat dieksekusi dan jalankan.

chmod +x PVEDiscordDark.sh sudo ./PVEDiscordDark.sh install

Proses instalasi akan selesai dalam hitungan detik.

✔ Backing up template file ✔ Downloading stylesheet ✔ Downloading patcher ✔ Applying changes to template file ✔ Downloading images (29/29) Theme installed.

Untuk melihat semua opsi skrip, jalankan perintah:

$ ./PVEDiscordDark.sh -h Usage: ./PVEDiscordDark.sh [OPTIONS...] {COMMAND} Manages the PVEDiscordDark theme. -h --help Show this help -s --silent Silent mode Commands: status Check current theme status (returns 0 if installed, and 1 if not installed) install Install the theme uninstall Uninstall the theme update Update the theme (runs uninstall, then install) Exit status: 0 OK 1 Failure 2 Already installed, OR not installed (when using install/uninstall commands)

Pemasang skrip ini bergantung pada  /meta/supported dan  /meta/imagelist file yang ada di repositori. Di bawah ini adalah tampilan baru pada layar login.

Tampilan halaman ikhtisar antarmuka web dengan tema baru.

Tema dapat diperbarui ke rilis baru dengan perintah:

$ sudo ./PVEDiscordDark.sh update ✔ Removing stylesheet ✔ Removing patcher ✔ Reverting changes to template file ✔ Removing images Theme uninstalled. ✔ Backing up template file ✔ Downloading stylesheet ✔ Downloading patcher ✔ Applying changes to template file ✔ Downloading images (29/29) Theme installed.

Copot pemasangan tema gelap seperti Discord di Proxmox VE

Jika Anda ingin menghapus instalan tema, gunakan perintah di bawah ini untuk menghapusnya dan semua file terkaitnya.

$ sudo ./PVEDiscordDark.sh uninstall ✔ Removing stylesheet ✔ Removing patcher ✔ Reverting changes to template file ✔ Removing images Theme uninstalled.

Nikmati tampilan baru Anda di Proxmox VE GUI. Kami harap panduan ini bermanfaat. Kami memiliki panduan lain tentang Lingkungan Virtual Proxmox di tautan yang dibagikan di sini.