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

PHPz
Freigeben: 2023-04-06 14:04:34
Original
1004 Leute haben es durchsucht

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!

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