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

  • 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.
    Viel Spaß beim installieren!

Participate now!

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