[TUT] Homepage - Eigene Startseite für den Browser

  • Alles Screenshots in diesem Tutorial stammen aus meiner eigenen Testumgebung. Der gesamte Text wurde eigenständig verfasst. Codepassagen stammen z.T. von der offiziellen GitHub Seite github.com/gethomepage/homepage.
    Yes

    Liebe Forengemeinde,
    in diesem Tutorial stelle ich Euch eine Anleitung zur Verfügung, mit welcher Ihr "Homepage" auf Eurem NAS installieren könnt. Voraussetzung für dieses Tutorial ist Portainer und ein konfiguriertes MacVlan.

    Vorbereitung - Ermitteln von PUID und PGID:

    1. Consolenfenster öffnen und per ssh auf Euer NAS verbinden (SHH muss natürlich aktiviert sein)
    2. Als Admin anmelden
    3. Folgende Befehle ausführen:
      • id -u (gibt die PUID zurück, im Beispiel 1000)
      • id -g (gibt die PGID zurück, im Beispiel 10)
    4. PUID und PGID notieren, diese Werte brauchen wir gleich

    Anleitung:

    1. Dateimanager öffnen
    2. In den Ordner docker wechseln
    3. Erstellen des Ordners "homepage"
    4. In den Ordner "homepage" wechseln
    5. Erstellen des Ordners "config"
    6. Dateimanager schließen
    7. Die Datei "homepage.yml" herunterladen und in einem Texteditor Eurer Wahl öffnen
    8. PUID und PGID gemäß eurer ermittelten Werte ändern
    9. Volume-Pfad unter "Volumes" anpassen
    10. Bei "ipv4_address" eine freie IP Eures MacVlans eintragen (z.B. 192.168.178.228)
    11. Portainer öffnen
    12. Im linken Menü "Stacks" anklicken
    13. Auf der rechten Seite "+ Add Stack" anklicken
    14. Bei "Name" "homepage" (oder den Namen Eurer Wahl) eintragen
    15. Den Inhalt in der Datei "homepage.yml" kopieren (Strg + A und danach Strg + C)
    16. Den Inhalt im Webeditor einfügen (Strg + V)
    17. Unter "Actions" auf "Deploy the Stack" klicken
    18. Der Container wird installiert und ist anschließend unter IP-Adresse:3000 (z.B. 192.168.178.228:3000) erreichbar

    Sofern noch nicht vorhanden, sollte nun im App Center der Texteditor installiert werden (Abb.1), da die Konfiguration von "Homepage" hauptsächlich durch das editieren folgender Dateien erfolgt:

    • services.yaml
    • widgets.yaml
    • bookmarks.yaml

    image
    Abb.1

    Du findest diese Dateien im zuvor erstellten Verzeichnis "config" aus Schritt 5 unter

    • Dateimanager > Freigegebener Ordner > docker > homepage > config

    Informationen zur Konfiguration dieser Dateien findet Ihr unter den nachfolgenden Links.

    Unzählige Icons für "Homepage" findet ihr unter https://github.com/walkxcode/dashboard-icons/tree/main/png
    über das linke Suchfeld "Go to file" und einem anschließenden [Enter].

    image

    Nach entsprechender Konfiguration könnte "Homepage" z.B. so so aussehen:

    image

    Nun noch als Startseite im Browser Eurer Wahl einrichten und fertig.

    Willi
    May 24, 2025 at 3:14 PM


    Viel Spaß beim installieren!

Participate now!

Join our community with over 10,000 members!

Register yourself now for free to get full access to all content, graphics, downloads and other exclusive features!