[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!

    Geräteinformationen
    • DXP6800 Pro | 2x 32GB Kingston KF548S38IB-32 | 2x 8TB Seagate IronWolf ST8000VN004 | 2x 2TB NVMe Lexar NM620
    • DX 4700 | 1x 8GB Kingston CBD26D4S9S8K1C-8 | 4x 128GB Samsung SSD PM830
    • Synology DS918+ | 2x 8TB WD Red Pro WD8005FFBX
    • Switche - 1x HP1810-24G (J9803A) | 2x Netgear ProSafe GS108E
    • USV/UPS - APC Smart-UPS SMT750RMI2U | NMC 2 (AP9631)

    Ugreen-Links: Gerätesuche | Knowledge-Center | Download Center | NAS Videos | NAS Portal | NAS Support |

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!