LinkHub Benutzerhandbuch

Erfahren Sie, wie Sie Ihre Link-Seite erstellen, anpassen und veröffentlichen.

Schritt 1: Das Admin-Panel starten

Der erste Schritt ist der Zugriff auf das Panel, in dem die ganze Magie geschieht. Wenn Sie das Projekt lokal ausführen, starten Sie den Server mit dem Befehl npm run dev und gehen Sie zu http://localhost:3000/admin.

Ihnen wird die Bearbeitungsoberfläche angezeigt. Wir empfehlen, mit dem Laden der Datei data/links.json zu beginnen, um sich mit der Struktur vertraut zu machen.

[Platzhalter für Admin-Startbildschirm-Bild]

Schritt 2: Ihre Seite bearbeiten

Das Admin-Panel verfügt über mehrere Registerkarten, mit denen Sie Ihre Seite anpassen können:

  • Info: Legen Sie Ihren Namen, Ihre Biografie, Ihr Profilbild und SEO-Meta-Tags (Titel, Beschreibung) fest.
  • Links: Fügen Sie die Links hinzu, bearbeiten, ordnen oder entfernen Sie sie, die auf Ihrer Seite erscheinen sollen.
  • Soziales: Konfigurieren Sie die Symbole für Ihre Social-Media-Profile.
  • Stile: Lassen Sie Ihrer Kreativität freien Lauf! Ändern Sie Farben, Schriftarten, Ränder und den Hintergrund.
  • Seiten: Bearbeiten Sie den Inhalt der Seiten "Datenschutz" und "Bedingungen".
[Platzhalter für ein GIF/Video, das den Bearbeitungsprozess zeigt]

Schritt 3: Ihre Änderungen speichern

Nachdem Sie Ihre Änderungen vorgenommen haben, ist es wichtig, sie zu speichern. Verwenden Sie die Schaltfläche "Speichern" oder "Speichern und Exportieren". Dadurch wird eine JSON-Datei im Ordner /data im Projektstamm erstellt oder aktualisiert. Sie können sie benennen, wie Sie möchten, zum Beispiel mein-profil.json.

Diese Datei ist das "Gehirn" Ihrer Seite und enthält alle von Ihnen konfigurierten Informationen.

Schritt 4: Dateien für das Hosting vorbereiten

Dies ist der wichtigste Teil. Ihre endgültige Seite besteht aus einer Reihe von statischen Dateien. Sie müssen sie für die Veröffentlichung vorbereiten.

  1. Erstellen Sie eine Kopie des Ordners link-page: Suchen Sie diesen Ordner im Projektstamm. Kopieren Sie ihn an einen sicheren Ort auf Ihrem Computer. Es ist diese Kopie, die Sie veröffentlichen werden.
  2. Verschieben und benennen Sie Ihre JSON-Datei um:
    • Gehen Sie zum Ordner /data, in dem Sie Ihre Datei gespeichert haben (z. B. mein-profil.json).
    • Kopieren Sie diese Datei in den Ordner data, der in Ihrer Kopie von link-page vorhanden ist.
    • Innerhalb von link-page/data, **benennen Sie die gerade kopierte Datei in links.json um**.

Das Endergebnis sollte so aussehen:

[Platzhalter für das endgültige Ordnerstrukturbild]

Warum ist das notwendig? Die statische Seite (link-page/index.html) ist so programmiert, dass sie nach einer Datei namens links.json in ihrem eigenen data-Ordner sucht und diese liest, um ihren Inhalt anzuzeigen.

Schritt 5: Ihre Seite veröffentlichen

Mit dem vorbereiteten Ordner link-page sind Sie bereit, ihn zu veröffentlichen!

Sie können diesen Ordner bei jedem Hosting-Dienst für statische Websites hosten, wie zum Beispiel:

  • Netlify
  • Vercel
  • GitHub Pages
  • Cloudflare Pages
  • Traditionelles Shared Hosting

Laden Sie einfach den Inhalt Ihres kopierten link-page-Ordners auf den gewählten Dienst hoch, und Ihre Link-Seite wird für die ganze Welt online sein!