Eigene Startseite mit Homer einrichten
Wenn man immer mehr Geräte ins eigene Netz aufnimmt, wäre doch eine Übersicht echt praktisch. Alles nur einen Klick entfernt - das wäre klasse, oder? Und genau das richte ich heute endlich ein. Bastien Wirtz stellt dafür auf GitHub eine tolle Lösung bereit: Homer. Das hat nichts mit den Simpsons zu tun, sondern heißt HOMepage for your servER. Insgesamt kein guter Name, weil man über Google sehr viele andere Treffer bekommt. Aber dafür ist das Projekt umso besser!
Da für Homer ebenfalls ein Docker-Image bereitgestellt wird, nutze ich dieses natürlich. Und wieder regt es mich auf, dass Proxmox nativ kein Docker unterstützt… Jedenfalls nutze ich dafür einfach mein Synology NAS (RS1219+). Dort muss man sich zwar mit der etwas gewöhnungsbedürftigen Oberfläche vergnügen, aber wenn man schon etwas Erfahrung mit Docker hatte, weiß man wofür die einzelnen Punkte auf der grafischen Oberfläche gedacht sind.
Dennoch zeige ich Dir den Prozess kurz im Video. Und hier im Beitrag teile ich natürlich auch meine Konfiguration.
Video
Das Video basiert auf Version v23.10.1.
Meine Konfiguration
Da ich bestimmt gefragt werde, teile ich hier meine erste Konfiguration, welche ich nach gut einer Stunde aufgebaut hatte. Am längsten dauert es natürlich, die ganzen Icons für die Dienste zusammenzusuchen und zu erstellen. Aus Lizenzgründen kann ich Dir diese leider nicht bereitstellen.
---
title: "Willkommen Zuhause"
subtitle: "haus-automatisierung.com"
logo: "logo.png"
header: true
footer: '<p>Smart Home on demand by haus-automatisierung.com - powered by Homer</p>' # set false if you want to hide it.
defaults:
layout: columns # Either 'columns', or 'list'
colorTheme: dark # One of 'auto', 'light', or 'dark'
theme: default
services:
- name: "Smart Home"
icon: "fas fa-house"
items:
- name: "Wetter"
type: "OpenWeather"
location: "Paderborn"
locationId: "2855745"
apikey: "xxx"
units: "metric"
background: "circle" # Can be one of: square, circle, none. Defaults to none.
- name: "ioBroker"
logo: "assets/tools/ioBroker.png"
tag: "smarthome"
url: "http://10.10.2.51:8081/"
- name: "evcc"
logo: "assets/tools/evcc.png"
tag: "smarthome"
url: "http://10.10.2.53:7070/"
- name: "Timberwolf Server"
logo: "assets/tools/timberwolf.png"
tag: "smarthome"
url: "https://10.10.2.10/"
- name: "PV-Dashboard"
subtitle: "Heute (live)"
logo: "assets/tools/grafana.png"
tag: "smarthome"
url: "https://10.10.2.10/proxy/grafana/d/000000009/pv-anlage?orgId=1&refresh=10s&from=now%2Fd&to=now%2Fd"
- name: "PV-Dashboard"
subtitle: "Dieser Monat"
logo: "assets/tools/grafana.png"
tag: "smarthome"
url: "https://10.10.2.10/proxy/grafana/d/zJ3Q1n84z/pv-anlage-historisch?orgId=1&refresh=1h&from=now%2FM&to=now%2FM"
- name: "Management"
icon: "fas fa-wrench"
items:
- name: "UniFi Console"
subtitle: "Dream Machine Pro"
logo: "assets/tools/unifi.png"
tag: "network"
url: "https://172.16.0.1/"
- name: "Grafana"
logo: "assets/tools/grafana.png"
tag: "network"
url: "https://10.10.2.10/proxy/grafana/"
- name: "Influx DB 2.x"
logo: "assets/tools/influxdb.png"
tag: "network"
url: "https://172.16.0.251:8086/"
- name: "Proxmox"
logo: "assets/tools/proxmox.png"
tag: "network"
url: "https://172.16.0.50:8006/"
- name: "Synology DSM"
logo: "assets/tools/synology.png"
tag: "network"
url: "http://172.16.0.251:5000/"
- name: "Web"
icon: "fas fa-earth-europe"
items:
- name: "Website"
subtitle: "haus-automatisierung.com"
logo: "assets/tools/haus-automatisierung.png"
tag: "web"
url: "https://haus-automatisierung.com/"
- name: "Shop"
subtitle: "shop.haus-automatisierung.com"
logo: "assets/tools/haus-automatisierung.png"
tag: "web"
url: "https://shop.haus-automatisierung.com/"
- name: "Dev"
icon: "fas fa-code"
items:
- name: "GitHub Repositories"
subtitle: "klein0r"
icon: "fab fa-github"
tag: "dev"
url: "https://github.com/klein0r?tab=repositories"
- name: "Sentry (ioBroker)"
subtitle: "klein0r"
logo: "assets/tools/sentry.png"
tag: "dev"
url: "https://sentry.iobroker.net/"
- name: "ioBroker DEV"
logo: "assets/tools/ioBroker.png"
tag: "dev"
url: "http://10.10.9.10:8081/"
- name: "Testing"
icon: "fas fa-vial"
items:
- name: "Home Assistant"
subtitle: "Intel NUC i3"
logo: "assets/tools/home-assistant.png"
tag: "testing"
url: "http://10.10.9.30:8123/"
Themes
Homer erlaubt außerdem Custom-Themes. Besonders schön finde ich z.B. Catppuccin-Homer.
»Homer«
Alternativen
Ebenfalls sehr beliebte Projekte sind
