Heim Entwicklungswerkzeuge Idiot So verwenden Sie GitHub Pages zum Erstellen einer persönlichen Website und eines Blogs

So verwenden Sie GitHub Pages zum Erstellen einer persönlichen Website und eines Blogs

Apr 06, 2023 pm 12:46 PM

GitHub Pages ist ein kostenloser Hosting-Dienst für statische Websites von Github, der Markdown, HTML, CSS, JavaScript oder andere statische Dateien in Ihrem GitHub Pages-Konto hosten kann. Es unterstützt eine Vielzahl benutzerdefinierter Domainnamen und Themes, ist mit Jekyll kompatibel und kann auch 404-Seiten usw. anpassen. Es ist sehr flexibel und leistungsstark. Daher ist es beliebter, GitHub Pages zum Erstellen persönlicher Websites und Blogs zu verwenden.

1. Registrieren Sie ein Github-Konto

Zunächst benötigen Sie ein Github-Konto. Sie können sich über die offizielle Github-Website registrieren: https://github.com/.

2. Erstellen Sie ein Repository

Erstellen Sie ein neues GitHub-Repository mit „Benutzername.github.io“ als Repository-Namen. Zu diesem Zeitpunkt muss der Repository-Name username.github.io lauten, wobei username Ihr GitHub-Benutzername ist.

Wenn Sie einen benutzerdefinierten Domänennamen verwenden möchten, verwenden Sie diese Methode nicht zum Erstellen eines Warehouse. Sie können ein zusätzliches Warehouse mit einem benutzerdefinierten Domänennamen erstellen.

3. Website-Dateien hochladen

Klonen Sie mit dem Git-Tool, erstellen Sie dann Ihre statische Website und laden Sie sie in das lokale Warehouse hoch.

Erstellen Sie eine neue Datei mit dem Namen „index.html“ im lokalen Verzeichnis und schreiben Sie den HTML-Code Ihrer persönlichen Website in die Datei.

Sie können den folgenden Befehl eingeben, um das Warehouse zu initialisieren:

$ cd /path/to/local/repo

$ git init

$ git add .

$ git commit -m "first commit"
Nach dem Login kopieren

Dann pushen Sie das Warehouse direkt an GitHub.

$ git remote add origin https://github.com/username/username.github.io.git

$ git push -u origin master
Nach dem Login kopieren

Nachdem der Upload abgeschlossen ist, können Sie Ihre persönliche Website unter https://username.github.io/ anzeigen. Diese URL ist in Zukunft auch die Veröffentlichungsadresse für alle Ihre persönlichen Websites Sie sehen die neuesten Inhalte auf der Website.

Wenn Sie einen benutzerdefinierten Domänennamen verwenden möchten, müssen Sie Ihren registrierten Domänennamen in GitHubs „Einstellungen“ -> „Benutzerdefinierte Domäne“ eingeben und dann die Domänennamenauflösung im DNS einrichten.

4. Jekyll-Theme verwenden

Jekyll ist der standardmäßige statische Website-Generator für GitHub-Seiten. Er ist kostenlos, Open Source und mit den meisten Themes kompatibel.

Zuerst müssen Sie die Ruby-Sprache auf Ihrem lokalen Computer installieren und dann den folgenden Befehl in die Befehlszeile eingeben:

$ gem install jekyll bundler
Nach dem Login kopieren

Als nächstes klonen Sie ein Jekyll-Theme lokal, ersetzen dann den Dateiinhalt und laden es auf die GitHub-Seiten hoch Repository.

$ git clone https://github.com/the-name-of-the-Jekyll-theme.git

$ cd the-name-of-the-Jekyll-theme

$ bundle install

$ jekyll serve
Nach dem Login kopieren

An diesem Punkt können Sie Ihre persönliche Website im Browser Ihres lokalen Computers anzeigen und das Thema dann direkt an GitHub übertragen, und das Thema wird auf Ihrer Website verwendet.

5. Zusammenfassung

Der Aufbau persönlicher Websites und Blogs über GitHub Pages ermöglicht es uns, uns besser auszudrücken. Es bietet uns auch eine Plattform zum Lernen und zur Kommunikation, was für die persönliche Entwicklung und Arbeit von großem Nutzen ist. Dies ist nur eine kurze Einführung. Weitere Funktionen und Verwendungsmöglichkeiten müssen Sie selbst erkunden und erlernen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie GitHub Pages zum Erstellen einer persönlichen Website und eines Blogs. 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
1 Monate 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

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

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 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

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

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