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

So erstellen Sie eine persönliche Website auf Gitee

Mar 31, 2023 am 09:07 AM

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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So verwenden Sie GIT -Management -Tools für die vollständige Verwendung von GIT -Management -Tools So verwenden Sie GIT -Management -Tools für die vollständige Verwendung von GIT -Management -Tools Mar 06, 2025 pm 01:32 PM

Dieser Artikel bietet einen Leitfaden zum Git -Management, der Abdeckung von GUI

Wie man das angegebene Commit treibt Wie man das angegebene Commit treibt Mar 06, 2025 pm 01:39 PM

In diesem Leitfaden wird erläutert, wie ein einzelner Git zu einem abgelegenen Zweig führt. Es wird beschrieben, dass ein temporärer Zweig verwendet wird, um das Commit zu isolieren, diesen Zweig in die Fernbedienung zu drücken und dann den temporären Zweig optional zu löschen. Diese Methode vermeidet Konflikte und

So lösen Sie das Versagen der Einreichung von GIT -Verpflichtungen So lösen Sie das Versagen der Einreichung von GIT -Verpflichtungen Mar 06, 2025 pm 01:38 PM

Dieser Artikel befasst sich mit allgemeinen Git -Commit -Fehlern. Es wird beschrieben, dass Schritte für Probleme wie nicht zusammengezogene Dateien, nicht gestrichene Änderungen, Zusammenführungskonflikte und Pre-Commit-Haken beheben. Es werden Lösungen und vorbeugende Maßnahmen vorgesehen, um eine glattere Git WO zu gewährleisten

Der Unterschied zwischen Commit und Push of Git Der Unterschied zwischen Commit und Push of Git Mar 06, 2025 pm 01:37 PM

Dieser Artikel erläutert den Unterschied zwischen Gits Commit- und Push -Befehlen. Git Commit speichert Änderungen lokal, während Git diese festgelegten Änderungen in ein Remote -Repository hochladen. Der Artikel unterstreicht, wie wichtig es ist, dieses Aus Tag zu verstehen

So sehen Sie Inhalte begehen So sehen Sie Inhalte begehen Mar 06, 2025 pm 01:41 PM

In diesem Artikel werden Methoden zum Anzeigen von Git -Commit -Inhalten beschrieben. Es konzentriert sich auf die Verwendung von Git Show, um Commit -Nachrichten, Autoreninformationen und Änderungen (Diffs), Git -Protokoll -P für mehrere Diffs von mehreren Commits zu zeigen, und warnt davor, direkte Commits zu überprüfen. Alt

Der Unterschied zwischen Add und Commit of Git Der Unterschied zwischen Add und Commit of Git Mar 06, 2025 pm 01:35 PM

Dieser Artikel erläutert die unterschiedlichen Rollen von Git Add und Git Commit in Git. Git fügen Stadienänderungen hinzu und bereiten sie auf die Aufnahme in das nächste Commit vor, während Git Commit die inszenierten Änderungen in der Geschichte des Repositorys rettet. Dieser zweistufige Prozess ermöglicht

Was ist das Git -Code -Management -Tool? Was ist das Git -Code -Management -Tool? Mar 06, 2025 pm 01:31 PM

In diesem Artikel wird Git vorgestellt, ein verteiltes Versionskontrollsystem. Es zeigt die Vorteile von GIT gegenüber zentralisierten Systemen wie Offline -Funktionen und effiziente Verzweigung/Verschmelzung für eine verbesserte Zusammenarbeit. Der Artikel beschreibt auch das Erlernen von R.

So verwenden Sie das Tutorial für GIT -Management -Tools, um GIT -Management -Tools für Anfänger zu verwenden So verwenden Sie das Tutorial für GIT -Management -Tools, um GIT -Management -Tools für Anfänger zu verwenden Mar 06, 2025 pm 01:33 PM

In diesem Anfängerführer wird Git, ein Versionskontrollsystem, vorgestellt. Es deckt grundlegende Befehle (init, hinzufügen, begehen, status, Protokoll, Zweig, Kasse, Zusammenführen, Schieben, Ziehen) und Lösung von Zusammenführungskonflikten ab. Best Practices für den effizienten GIT -Gebrauch, einschließlich Clear Comm

See all articles