So nutzen Sie Gitee Pages zur Bereitstellung statischer Websites und interaktiver Funktionen

PHPz
Freigeben: 2023-03-30 16:37:25
Original
3146 Leute haben es durchsucht

Gitee ist eine sehr bekannte Git-Code-Hosting-Plattform. Sie können nicht nur Code auf Gitee verwalten, sondern auch Ihre eigene statische Website über Gitee Pages bereitstellen, was sehr praktisch ist. In diesem Artikel erfahren Sie, wie Sie mit Gitee Pages eine statische Website bereitstellen und interaktive Funktionen hinzufügen, um die Website lebendiger und interessanter zu gestalten.

1. Erstellen Sie ein Gitee-Seitenprojekt

Zuerst müssen Sie ein Seitenprojekt auf Gitee erstellen. Die spezifischen Vorgänge sind wie folgt:

  1. Melden Sie sich auf der Gitee-Website an und geben Sie Ihre persönliche Homepage ein.
  2. Klicken Sie auf die Schaltfläche „Lager erstellen“.
  3. Legen Sie den Lagernamen fest, aktivieren Sie die Option „Öffentlich“, wählen Sie die Option „README.md initialisieren“ und klicken Sie abschließend auf die Schaltfläche „Lager erstellen“.
  4. Betreten Sie die neu erstellte Lagerseite und klicken Sie auf die Schaltfläche „Einstellungen“.
  5. Klicken Sie auf die Registerkarte „Seitendienst“ und wählen Sie die Schaltfläche „Seitendienst aktivieren“.
  6. Legen Sie den Zugriffspfad der Website und die standardmäßig angezeigte Seite fest, zum Beispiel auf „/my-website“, die standardmäßig angezeigte Seite ist „index.html“ und klicken Sie abschließend auf die Schaltfläche „Speichern“.
  7. Als nächstes können Sie lokal einen neuen Ordner erstellen und die relevanten Dateien der statischen Website in diesen Ordner legen.
  8. Öffnen Sie die Befehlszeile lokal, geben Sie den Ordner ein, den Sie gerade erstellt haben, und geben Sie den folgenden Befehl ein:

git init
git add .
git commit -m "initial commit"

  1. Verbinden Sie sich mit dem Gitee-Repository und geben Sie Folgendes ein Befehl:

git remote add origin [Gitee-Warehouse-Adresse]
git push -u origin master

  1. Nach Abschluss der obigen Schritte aktualisieren Sie die Gitee-Warehouse-Seite und Sie sehen die bereitgestellte statische Website.

2. Fügen Sie interaktive Funktionen hinzu

Auf der Grundlage einer statischen Website kann das Hinzufügen interaktiver Funktionen die Website lebendiger und interessanter machen. Es gibt zwei Möglichkeiten, interaktive Funktionen hinzuzufügen.

  1. JavaScript verwenden

JavaScript ist eine Skriptsprache, mit der Seiteninteraktionseffekte erzielt werden können. Sie können

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage