Zum Hauptinhalt springen

So richten Sie GitHub Pages ein: Schritt für Schritt Anleitung

GitHub Pages ist die Möglichkeit, statische Websites kostenlos direkt aus dem Repository auf GitHub zu hosten. Mit ihm können Sie Ihr Projekt, Ihr Portfolio oder Ihren persönlichen Blog hosten. In diesem Artikel erfahren Sie, wie Sie Ihre eigenen GitHub-Seiten einrichten und ausführen können.

Um mit GitHub Pages zu beginnen, benötigen Sie zunächst ein GitHub-Konto. Wenn Sie noch keine haben, registrieren Sie sich, es dauert nur wenige Minuten. Danach können Sie ein neues Repository erstellen oder ein vorhandenes Repository verwenden.

Mit GitHub Pages können Sie Websites auf zwei Arten hosten: die "master" - oder "gh-pages" -Zweige des Repositorys. Lassen Sie uns herausfinden, wie Sie diese Optionen verwenden. Wenn Sie Ihre Website im "master" -Zweig hosten möchten, fügen Sie einfach eine Datei mit dem Namen "index" zum Stammverzeichnis des Repositorys hinzu.html". Diese Datei wird automatisch heruntergeladen, wenn die GitHub-Seiten Ihres Repositorys geöffnet werden.

Anmerkung: wenn Ihre Website andere Dateien oder Ordner (z. B. Bilder, Stile, Skripte) benötigt, stellen Sie sicher, dass sie sich im selben Repository befinden.

So stellen Sie GitHub Pages bereit: Schritt für Schritt Anleitung für Anfänger

GitHub Pages bietet die Möglichkeit, Ihre eigene Website mit GitHub-Hosting zu erstellen. Es ist eine großartige Lösung, um statische Inhalte wie persönliche Blogs, Portfolios oder Projektdokumentationen zu hosten. In diesem Tutorial erfahren Sie, wie Sie Ihre eigene Seite auf GitHub Pages bereitstellen

Schritt 1: Erstellen eines Repositorys

Der erste Schritt besteht darin, ein Repository auf GitHub zu erstellen. Sie benötigen dafür ein GitHub-Konto. Gehen Sie auf die GitHub-Website und klicken Sie auf die Schaltfläche "Neu". Geben Sie einen Namen für das Repository ein (z. B. "my-Website") und wählen Sie je nach Bedarf den Zugriffsmodus "Public" oder "Private" aus. Klicken Sie dann auf die Schaltfläche "Repository erstellen".

Schritt 2: Erstellen eines gh-pages-Zweiges

Um GitHub Pages bereitzustellen, müssen Sie einen Zweig mit dem Namen "gh-pages" erstellen. Gehen Sie dazu zum neu erstellten Repository und klicken Sie auf die Registerkarte "Branches". Geben Sie "gh-pages" in das Feld "Find or create a branch" ein und drücken Sie die Eingabetaste. Klicken Sie dann auf die Schaltfläche "Branch erstellen: gh-Seiten".

Schritt 3: Hinzufügen von Inhalten

Jetzt müssen Sie Inhalte zu Ihrer Website hinzufügen. Es gibt mehrere Möglichkeiten, dies zu tun:

Sie können die GitHub-Schnittstelle verwenden, um Dateien zu erstellen oder hochzuladen. Um eine neue Datei zu erstellen, klicken Sie auf die Schaltfläche "Neue Datei erstellen". Klicken Sie zum Hochladen von Dateien auf die Schaltfläche "Dateien hochladen". Vergessen Sie nicht, nach dem Hinzufügen des Inhalts auf die Schaltfläche "Commit" zu klicken.

Sie können Git auch verwenden, um Inhalte hinzuzufügen. Lehnen Sie das Repository auf Ihren Computer ab, fügen Sie Dateien oder Ordner hinzu, und führen Sie dann den Befehl git commit und git push aus, um die Änderungen auf GitHub hochzuladen.

Schritt 4: Durchsuchen Sie Ihre Seite

Ihre Website ist jetzt verfügbar unter https://.github.io /. Wenn Ihr Benutzername beispielsweise "john" ist und der Repository-Name "my-website" lautet, sieht die URL Ihrer Seite folgendermaßen aus: https://john.github.io/my-website . Vergessen Sie nicht, dass es einige Minuten dauern kann, bis GitHub Pages aktualisiert wird und Ihre Website verfügbar ist.

Jetzt wissen Sie, wie Sie GitHub-Seiten bereitstellen können! Sie können weiterhin Inhalte Ihrer Website hinzufügen und ändern sowie verschiedene Themen und Erweiterungen verwenden, um das Erscheinungsbild und die Funktionalität zu verbessern.

Vorbereiten des Repositorys

Bevor Sie GitHub Pages einrichten können, müssen Sie ein Repository auf der GitHub-Plattform erstellen. Ein Repository ist ein Repository für Ihren Code und andere Dateien, die Sie auf einer Website veröffentlichen möchten.

Gehen Sie zur GitHub-Startseite und melden Sie sich bei Ihrem Konto an. Klicken Sie auf "Create repository" (Repository erstellen) und geben Sie einen Namen für Ihr neues Repository ein. Sie können je nach Ihren Anforderungen einen öffentlichen oder privaten Modus für den Zugriff auf das Repository wählen.

Nachdem Sie das Repository erstellt haben, müssen Sie Ihre Dateien auf GitHub hochladen. Auf der Repository-Seite sehen Sie die Schaltfläche "Upload files" (Dateien hochladen). Klicken Sie darauf und wählen Sie die zu ladenden Dateien aus. Sie können mehrere Dateien gleichzeitig auswählen oder einzeln herunterladen.

Es ist wichtig zu beachten, dass Ihr Repository eine Datei mit dem Namen "index" enthalten muss.html". Dies ist die Hauptdatei, die auf Ihrer Website angezeigt wird. Wenn Sie eine andere Datei mit einem anderen Namen haben, benennen Sie sie bitte in "index" um.html" vor dem Hochladen auf GitHub.

Nachdem Sie die Dateien auf GitHub hochgeladen haben, ist Ihr Repository bereit, GitHub Pages einzurichten. Im nächsten Abschnitt erfahren Sie, wie Sie den Zugriff auf Ihre Website über GitHub Pages einrichten.