Heim > Entwicklungswerkzeuge > Idiot > So verwenden Sie Github-Seiten, um ein persönliches Blog zu erstellen

So verwenden Sie Github-Seiten, um ein persönliches Blog zu erstellen

PHPz
Freigeben: 2023-03-31 11:19:17
Original
1548 Leute haben es durchsucht

Als Programmierer ist es sehr wichtig, einen persönlichen Blog zu haben. Neben der Aufzeichnung Ihres eigenen Wachstumsprozesses und technischen Erkenntnissen können Sie Ihre Erfahrungen und Gedanken auch mit der Mehrheit der Technikbegeisterten teilen. Heutzutage ist das Erstellen eines persönlichen Blogs sehr einfach und bequem geworden, da es viele statische Blog-Generierungstools gibt, die viel mühsame Arbeit ersparen. Unter anderem wird die Verwendung von Github-Seiten zum Erstellen eines persönlichen Blogs dringend empfohlen. Im Folgenden stellen wir detailliert vor, wie Sie Github-Seiten zum Erstellen eines persönlichen Blogs verwenden.

1. Registrieren Sie ein Github-Konto

Zuerst müssen wir ein Github-Konto registrieren. Github ist eine sehr bekannte Code-Hosting-Plattform, und Github Pages ist ein kostenloser statischer Webseiten-Hosting-Dienst von Github, mit dem Sie ein persönliches Blog erstellen oder Ihre eigenen Werke anzeigen können. Die Registrierung eines Github-Kontos ist sehr einfach. Sie müssen lediglich Ihre persönlichen Daten und Ihre E-Mail-Adresse auf der offiziellen Website eingeben.

2. Erstellen Sie ein Repository

Nach der Registrierung eines Github-Kontos müssen wir ein Repository auf Github als Code-Repository für unseren persönlichen Blog erstellen. Klicken Sie auf die Schaltfläche „+“ in der oberen rechten Ecke der Github-Seite, wählen Sie „Neues Repository“, geben Sie den Namen und die Beschreibung des Repositorys ein, wählen Sie aus, ob es öffentlich oder privat ist, und klicken Sie dann auf die Schaltfläche „Repository erstellen“. Erstellen Sie ein neues Repository.

3. Wählen Sie ein statisches Blog-Generierungstool

Nachdem wir das Code-Repository auf Github erstellt haben, müssen wir als Nächstes ein statisches Blog-Generierungstool auswählen. Zu den häufig verwendeten Tools zur Erstellung statischer Blogs gehören Jekyll, Hexo, Hugo usw. Hier nehmen wir Jekyll als Beispiel zur Einführung. Jekyll ist ein sehr beliebter statischer Website-Generator und wird offiziell von Github unterstützt. Es verwendet die Vorlagensprache Liquid, die uns dabei helfen kann, schnell einen einfachen und schönen persönlichen Blog zu erstellen.

Die Installation von Jekyll ist sehr einfach, führen Sie einfach den folgenden Befehl in der Befehlszeile aus:

gem install jekyll bundler
Nach dem Login kopieren

Nachdem die Installation abgeschlossen ist, können wir Jekyll verwenden, um einen neuen Blog zu erstellen. Führen Sie in einem lokalen Verzeichnis den folgenden Befehl aus:

jekyll new myblog
Nach dem Login kopieren

Darunter ist „myblog“ der Name Ihres persönlichen Blogs und kann angepasst werden. Nach der Ausführung des obigen Befehls generiert Jekyll automatisch eine Standard-Blog-Vorlage, die wir als unseren eigenen Blog-Code auf Github ziehen können.

Die spezifischen Schritte sind wie folgt:

  1. Laden Sie den lokalen Blog-Ordner in das Repository auf Github hoch

Führen Sie den folgenden Befehl lokal aus:

cd myblog
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/yourusername/yourusername.github.io.git
git push -u origin master
Nach dem Login kopieren

Unter diesen ist „IhrBenutzername“ Ihr Kontoname auf Github und muss so sein durch Ihren eigenen Kontonamen ersetzt.

  1. Geben Sie die Github-Seite ein und suchen Sie die Einstellungen des Repositorys

Suchen Sie in den Einstellungen des Repositorys den Abschnitt „GitHub-Seiten“ und wählen Sie „Master Branch“ als Quelle aus. Wenn Ihr Blog-Ordnername nicht yourusername.github ist .io, dann ist eine manuelle Einstellung erforderlich.

  1. Warten Sie ein paar Minuten und besuchen Sie Ihren persönlichen Blog

Im Abschnitt „GitHub-Seiten“ des Repositorys wird der Link zu Ihrem persönlichen Blog angezeigt. Nach wenigen Minuten können Sie über diesen Link auf Ihren persönlichen Blog zugreifen.

4. Wählen Sie ein Blog-Theme

Jekyll selbst stellt einige Standardthemen bereit, die in der Datei _config.yml festgelegt werden können. Allerdings sind diese Standardthemen möglicherweise etwas grob und entsprechen nicht ganz unseren Anforderungen. Daher können wir einige hervorragende Themen von Drittanbietern auswählen und sie auf unseren Blog anwenden.

Jekylls Themes von Drittanbietern können auf Github gesucht und heruntergeladen werden. Kopieren Sie nach dem Herunterladen den Theme-Ordner in unseren Blog-Ordner und konfigurieren Sie ihn dann in der Datei _config.yml.

5. Blog-Beiträge veröffentlichen

Im Blog-Ordner können wir die Markdown-Syntax verwenden, um Blog-Beiträge zu schreiben. Neue Blogbeiträge sollten im Ordner „_posts“ abgelegt werden und der Dateiname sollte das Format „Jahr-Monat-Tag-Artikeltitel.md“ haben. Beispielsweise können wir einen Blogbeitrag mit dem Namen „hello-world“ im Verzeichnis _posts schreiben.

---
layout: post
title:  "Hello World"
date:   2021-09-01 00:00:00 +0800
categories: jekyll update
---

# Hello World

这是我的第一篇博客文章。
Nach dem Login kopieren

Darunter sind der erste Teil die Metainformationen des Artikels, die zur Beschreibung des Titels, der Zeit, der Klassifizierung und anderer Informationen des Artikels verwendet werden. Der zweite Teil ist der Textinhalt des Artikels, der formatiert wird unter Verwendung der Markdown-Syntax.

6. Zusammenfassung

Durch die oben genannten Schritte können wir schnell einen persönlichen Blog auf Github erstellen und unsere eigenen Blog-Artikel veröffentlichen. Die Verwendung von Github-Seiten zum Erstellen eines persönlichen Blogs ist nicht nur einfach und bequem, sondern auch kostenlos und stabil. Ich hoffe, dass dieser Artikel Programmierern helfen kann, die einen persönlichen Blog erstellen möchten.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Github-Seiten, um ein persönliches Blog zu erstellen. 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