Heim > Entwicklungswerkzeuge > Idiot > So erstellen Sie eine persönliche Website auf Gitee

So erstellen Sie eine persönliche Website auf Gitee

PHPz
Freigeben: 2023-03-31 09:56:31
Original
2803 Leute haben es durchsucht

Als Programmierer müssen wir häufig den Code und die Projekte, die wir schreiben, mit anderen Entwicklern teilen. Heutzutage ist eine persönliche Website sehr wichtig, damit andere unser technisches Niveau und unsere Fähigkeiten an einem Ort verstehen können. Es gibt viele Tools zum Erstellen persönlicher Websites, von denen ich gehört habe, aber für Entwickler ist es möglicherweise besser geeignet, statische Methoden zum Erstellen von Websites wie GitPages oder Gitee Pages zu verwenden. Heute werden wir darüber sprechen, wie man eine persönliche Website erstellt Website auf der Gitee-Website.

1. Erstellen Sie ein Lagerhaus

Zuerst müssen wir ein Code-Lagerhaus auf Gitee erstellen. Dabei müssen wir darauf achten, dass der Name des Lagerhauses der Spezifikation „username.gitee.io“ entspricht. Das heißt, wenn Ihr Benutzername „example“ lautet, muss der Name des von Ihnen erstellten Warehouses „example.gitee.io“ lauten. Nachdem wir das Lager erstellt haben, müssen wir das Lager lokal klonen.

2. Bereiten Sie die Vorlage vor

Als nächstes müssen wir eine Vorlage zum Erstellen unserer persönlichen Website auswählen:

  1. Minimale Fehler: Dies ist eine sehr beliebte Vorlage Theme basiert auf Bootstrap und verfügt über ein responsives Design, das sich perfekt an verschiedene Bildschirmgrößen anpasst.
  2. Lanyon: Dies ist ein einfaches Jekyll-Thema, das sich sehr gut für persönliche Websites wie Literatur, Lesen und Schreiben eignet.
  3. Pixyll: Dies ist ein sehr einfaches Jekyll-Theme. Sein Design eignet sich sehr gut für persönliche Websites, die nur eine einfache Seite zur Anzeige ihrer Informationen und Werke benötigen.

Nachdem wir die Vorlage ausgewählt haben, müssen wir die Vorlage lokal herunterladen und in das Warehouse-Verzeichnis extrahieren.

3. Ändern Sie die Konfigurationsdatei

Im Warehouse-Verzeichnis müssen wir die beiden Dateien _config.yml und index.md ändern. Konfigurationselemente in

_config.yml:

  1. Titel: Name der Website.
  2. E-Mail: E-Mail-Adresse.
  3. Autor: Name des Autors.
  4. Beschreibung: Website-Beschreibung.
  5. URL: Website-Adresse, die auf „https://IhrBenutzername.gitee.io“ eingestellt werden muss.
  6. github_username: Ihr Github-Benutzername.
  7. twitter_username: Ihr Twitter-Benutzername.

Konfigurationselemente in der Datei index.md:

  1. Titel: Name der Website.
  2. Untertitel: Untertitel der Website.
  3. Funktionen: Eine Liste der Website-Funktionen.
  4. about: Über dich.
  5. Fußzeilen-Links: Liste der Fußzeilen-Links.

Nachdem die Änderung abgeschlossen ist, können Sie zum lokalen Ausführen des Jekyll-Dienstes den folgenden Befehl verwenden:

$ jekyll serve
Nach dem Login kopieren

4. Veröffentlichen Sie die Website

Nachdem Sie den Jekyll-Dienst lokal ausgeführt haben, können Sie eine Vorschau der Website anzeigen, indem Sie http:/ besuchen. /127.0.0.1:4000 . Wenn alles in Ordnung ist, können wir die Website auf Gitee veröffentlichen.

Führen Sie den Jekyll-Dienst weiterhin lokal aus, öffnen Sie ein neues Terminal und geben Sie den folgenden Befehl ein:

git add .
git commit -m "Initial commit"
git push
Nach dem Login kopieren

Danach können Sie unsere Website auf Gitee sehen. Sie können die Website anzeigen, indem Sie in Ihrem Browser https://username.gitee.io aufrufen. 5. Anpassen Ihrer persönlichen Website Ändern Sie das Layout der Homepage, Sie müssen die Datei index.html ändern. Wenn Sie eine About-Seite hinzufügen möchten, müssen Sie eine About.html-Datei erstellen und so weiter.

Kurz gesagt, mit diesen Schritten können Sie ganz einfach Ihre eigene persönliche Website auf Gitee erstellen. Es ist sehr praktisch und gut spielbar. Sie können verschiedene Vorlagen und benutzerdefinierte Themen verwenden, um Ihre persönliche Website zu erstellen und zu gestalten.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine persönliche Website auf Gitee. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage