Vorwort

Wenn es um Navigationswebsites oder einfach Webseiten-Navigation geht, ist den meisten Menschen wahrscheinlich hao123 am bekanntesten. Gängige Vorlagen für persönliche Navigationswebsites sind WebStack, Yiwei Nav, OneNav und so weiter. Viele Menschen haben wahrscheinlich schon darüber nachgedacht, ihre eigene Navigationswebsite zu erstellen.

Dieser Artikel führt Sie Schritt für Schritt an, wie Sie eine Navigationswebsite erstellen und Ihre persönliche Navigations-Startseite erstellen.

Mit hoher Individualisierung und Privatsphäre ist es völlig persönlich. Ob für den privaten Gebrauch oder zum öffentlichen Teilen Ihrer Lieblingswebsites – es ist eine großartige Wahl.

Super detaillierte illustrierte Tutorials, selbst für Anfänger einfach!

1. Kauf und Erstellung eines VPS

2. Registrieren und lösen Sie den Domainnamen auf

3. Einrichtung der Website-Umgebung

4. Installation und Konfiguration der OneNav-Navigationswebsite

5. Wie man OneNav verwendet

6. Häufige Probleme & Lösungen

Wählen Sie das LNMP-Paket aus, ändern Sie die PHP-Version auf 7.2, klicken Sie auf "One-Click Installation" und warten Sie, bis die Website-Umgebung die Installation abgeschlossen hat.

4. Installation und Konfiguration der OneNav-Navigationswebsite

Es gibt viele Navigations-Website-Vorlagen wie WebStack, Yiwei Nav, OneNav usw., aber die meisten sind statische oder WordPress-basierte Navigationsthemen, die nicht sehr direkt oder bequem zu bedienen sind.

Das hier gewählte OneNav ist ein Open-Source-Programm zur Verwaltung professioneller Lesezeichen (Navigation) – leichtgewichtig und einfach, einfach zu bedienen und ermöglicht es Nutzern, Navigationsthemen zu tauschen und zu entwickeln.

# 4.1 Erstellen Sie eine Website

Klicken Sie auf die Schaltfläche "Website" in der linken Seitenleiste, um die Website-Verwaltungsoberfläche zu öffnen, klicken Sie auf "Website hinzufügen", geben Sie den Domainnamen ein, behalten Sie die anderen Einstellungen standardmäßig und senden Sie ab.

#4.2 Laden Sie das OneNav-Website-Programm herunter und installieren Sie es

Gehe ins Website-Verzeichnis und lösche zuerst die dabei enthaltenen Dateien.

Klicken Sie dann auf "Remote Download" und fügen Sie die URL-Adresse ein: https://github.com/helloxz/onenav/archive/refs/heads/main.ziphttps://chuxinya.top/down.php/4cff610cdc38e9e5dd947379630ca13c.zip，确定。

Aktualisieren Sie die Dateiliste, entpacken Sie das main.zip komprimierte Paket und schneiden Sie alle Inhalte aus dem extrahierten Ordner onenav-main in das Root-Verzeichnis der Website, dann löschen Sie onenav-main und main.zip.

# 4.3 Sicherheitseinstellungen (Wichtig!) ）

Kehren Sie zur Website-Verwaltungsoberfläche zurück, klicken Sie auf Einstellungen → Konfigurationsdatei→ fügen Sie den untenstehenden Konfigurationscode in die Einstellungen ein und speichern Sie.

#安全设置

location ~* ^/(class|controller|db|data|functions|templates)/.*.(db3|php|php5|sql)$ {

    return 403;

}

location ~* ^/(data)/.*.(html)$ {

        deny all;

}

location /db {

        deny all;

}

#伪静态

rewrite ^/click/(.*) /index.php?c=click&id=$1 break;

rewrite ^/api/(.*)?(.*) /index.php?c=api&method=$1&$2 break;

rewrite /login /index.php?c=login break;

# 4.4 Installieren Sie das SSL-Zertifikat und aktivieren Sie HTTPS

Öffnen Sie die Website, stellen Sie → SSL → Let's Encrypt→ geben Sie Ihre E-Mail-Adresse ein, um ein SSL-Zertifikat zu beantragen.

Nach einer erfolgreichen Anwendung gehe in den Zertifikatsordner, um das Zertifikat bereitzustellen und "Forced HTTPS" zu aktivieren.

Jetzt hast du erfolgreich das SSL-Green-Lock auf deiner Website hinzugefügt, sodass du die Seite über HTTPS nutzen kannst.

https://chuxinya.top/down.php/4cff610cdc38e9e5dd947379630ca13c.zip

# 4.5 OneNav-Konto initialisieren

Greifen Sie auf den Website-Domainnamen zu. Wenn die Einrichtung erfolgreich ist, erscheint die Oberfläche "Benutzername/Passwort initialisieren". Folgen Sie den Anweisungen, um den Benutzernamen und das Passwort des Administrators einzugeben, um sich im Backend anzumelden und sie zu verwenden.

# 5.5 Ändere das Thema

Die Theme-Datei befindet sich im Template-Verzeichnis. Nachdem Sie ein Third-Party-Theme heruntergeladen haben, entpacken Sie es in das Theme-Verzeichnis und aktivieren Sie es dann im Backend.

Wenn Sie Beschreibungen unter dem Website-Titel anzeigen möchten, können Sie die link_description in den Theme-Parametereinstellungen so ändern, dass sie angezeigt werden.

Wenn du Abonnent bist, kannst du das Theme direkt aus dem Store im Backend herunterladen. Wenn du mit dem Thema nicht zufrieden bist, kannst du es auch manuell in der Theme-Datei bearbeiten.