GitHub Pages ist ein leistungsstarkes Tool, mit dem Sie Webseiten aus GitHub-Repositories hosten können. Diese Anleitung führt Sie in die Funktionsweise ein.
GitHub ist eines der beliebtesten Tools, das Unternehmen und Einzelpersonen zum Hosten und zur Versionskontrolle von Quellcode- Repositories verwenden. Die Plattform läuft mithilfe der Git- Software, die dabei hilft, Codeänderungen zu verfolgen und die Entwicklungszusammenarbeit zu optimieren. GitHub verbessert ständig die Erfahrung von Softwareentwicklern und führt ständig neue Funktionen ein, um die Automatisierung zu verbessern und die Zusammenarbeit zwischen Entwicklerteams noch weiter zu fördern – eine dieser Funktionen ist GitHub Pages.
GitHub Pages ist eine Funktion von GitHub, mit der Sie statische Websites aus GitHub-Repositorys hosten und diese öffentlich oder sogar privat innerhalb Ihres Teams und Ihrer Organisation zugänglich machen können. Von Ihrer persönlichen Website und Ihrem Portfolio bis hin zur Dokumentation Ihres Projekts können Sie mit GitHub Pages Websites in wenigen Minuten starten. Sie erhalten sogar eine URL in dem Formular, https://.github.iodie Sie mit der Welt teilen können, um Ihre Website(s) für andere zugänglich zu machen.
Aber wie macht man das? Ich verspreche, dass es nicht länger als ein paar Minuten dauern wird. In den folgenden Abschnitten werde ich einen Schritt-für-Schritt-Prozess beschreiben, dem Sie folgen können, um mit GitHub Pages zu beginnen und Ihre erste auf GitHub gehostete Website zum Leben zu erwecken.
So hosten Sie eine Website mit GitHub Pages
1. Erstellen Sie ein GitHub-Repository
Melden Sie sich bei Ihrem GitHub-Konto an und erstellen Sie ein neues öffentliches Repository mit dem Namen <username>.github.io, wobei der Benutzername entweder Ihr persönlicher GitHub-Benutzername oder der Benutzername Ihrer Organisation sein sollte.
2. Klonen Sie das Repository auf Ihrem lokalen Computer
Nachdem Sie nun das öffentliche Repository auf GitHub erstellt haben, müssen Sie es auf Ihren lokalen Computer klonen. Öffnen Sie dazu einfach das Terminal auf Ihrem Computer und führen Sie den folgenden Befehl aus (in dem von Ihnen bevorzugten Verzeichnis/Ordner):
Stellen Sie erneut sicher, dass Sie die usernameVerweise durch Ihren eigenen GitHub-Benutzernamen ersetzen. Beachten Sie, dass Sie beim Klonen des Repositorys die folgende Warnmeldung erhalten
Dies ist jedoch absolut in Ordnung, da das Repository derzeit leer ist. Fahren wir also mit dem nächsten Schritt fort.
3. Erstellen Sie eine Index.html-Datei im Verzeichnis Ihres Projekts
Gehen Sie jetzt zu Ihrem kürzlich geklonten Repository und erstellen Sie eine index.htmlDatei.
Und überprüfen wir noch einmal, ob der Inhalt, den wir gerade an die index.htmlDatei angehängt haben, tatsächlich vorhanden ist:
4. Übertragen Sie die lokalen Änderungen auf den Remote-Host
Nachdem wir nun die Indexdatei erstellt haben, die auf der Website angezeigt werden soll, müssen wir ein Commit erstellen und es auf den Remote-Host übertragen. Führen wir dazu die folgenden Befehle aus.
5. Öffnen Sie einen Browser und sehen Sie sich Ihre Website an
Öffnen Sie Ihren bevorzugten Browser, geben Sie die URL Ihrer Website ( <username>.github.io) in die Adressleiste Ihres Browsers ein und voilà! Ihre Seite sollte jetzt über GitHub Pages gehostet und für die Außenwelt öffentlich zugänglich sein.
Beachten Sie, dass beim sofortigen Versuch, auf die Seite zuzugreifen, möglicherweise ein 404-Fehler auftritt. Seien Sie einfach geduldig und warten Sie etwa eine Minute. Dann können Sie auf Ihre Seite zugreifen.
Anpassen Ihrer GitHub Pages-Website
Nachdem Ihre GitHub Pages-Website nun gestartet ist, möchten Sie möglicherweise einige Änderungen daran vornehmen und sie nach Ihren Wünschen anpassen. Hier erfahren Sie, wie Sie die Bereitstellungsmethode Ihrer Website anpassen und eine benutzerdefinierte Site-URL erstellen.
So passen Sie die Bereitstellung Ihrer Site an
Beachten Sie, dass GitHub Pages standardmäßig den Inhalt Ihres Repositorys aus dem Hauptzweig bereitstellt. Wenn Sie dieses Verhalten ändern möchten, führen Sie die folgenden Schritte aus:
- Klicken Sie auf die Registerkarte mit den Repository-Einstellungen.
- Klicken Sie im Menü auf der linken Seite im Abschnitt „Code und Automatisierung“ auf „Seiten“.
- Wählen Sie im Abschnitt „Build und Bereitstellung“ den Zweig (und optional das Unterverzeichnis) aus, aus dem GitHub Pages Ihre Website bereitstellen soll.
So verwenden Sie eine benutzerdefinierte Domäne auf GitHub-Seiten
Beachten Sie, dass GitHub Pages die Verwendung benutzerdefinierter Domänen sowie die Änderung der Stamm-URL in jede beliebige Subdomäne unterstützt, die Sie besitzen. Es werden die folgenden drei Domänentypen unterstützt:
- www-Subdomäne (z. B. www.mysite.com)
- Benutzerdefinierte Subdomänen (z. B. portfolio.mysite.com )
- Apex-Domänen (z. B. mysite.com)
So ändern Sie die Standarddomäne:
- Klicken Sie auf die Registerkarte „Repository-Einstellungen“
- Klicken Sie im Menü auf der linken Seite im Abschnitt „Code und Automatisierung“ auf „Seiten“.
- Wählen Sie im Abschnitt „Benutzerdefinierte Domäne“ Ihre benutzerdefinierte Domäne aus.
Erste Schritte mit GitHub Pages
Wenn Sie statische Websites einfach und kostenlos hosten möchten, sind Sie hier richtig – GitHub Pages sollte eine der Top-Optionen auf Ihrer Liste sein. Egal, ob es um Ihre persönliche Website oder Ihre Projektseite geht, mit dieser Anleitung können Sie sie in nur wenigen Minuten zum Laufen bringen poisson distribution.
Häufig gestellte Fragen
GitHub ist eine webbasierte Plattform für die Zusammenarbeit beim Programmieren. Sie arbeitet mit Git, einem verteilten Versionskontrollsystem, das Änderungen am Quellcode verfolgen und für Entwickler spiegeln kann, die auf dasselbe Projekt zugreifen.
GitHub Pages ist eine Funktion von GitHub, mit der Benutzer eine Website mit Code aus ihren eigenen GitHub-Repositorys hosten können.
GitHub wird von Softwareentwicklern verwendet, um Open-Source-Programmierprojekte oder Computerdateien in Echtzeit zu speichern, zu verwalten und gemeinsam daran zu arbeiten. Die Plattform bietet außerdem Funktionen wie CI/CD-Automatisierung, Berechtigungsverwaltung und private Repositories, um Projekte jeder Größenordnung zu erleichtern.
GitHub fungiert auch als Social-Networking-Zentrale für Softwareentwickler und ermöglicht Benutzern die gemeinsame Nutzung öffentlicher Repositories und die Teilnahme an Entwicklungsdiskussionen.
GitHub Pages ist für jeden GitHub-Benutzer kostenlos.
Es ist in öffentlichen GitHub-Repositories mit einem GitHub-Free-Konto verfügbar, außerdem in öffentlichen und privaten GitHub-Repositories mit einem GitHub Pro-, GitHub Team- oder GitHub Enterprise-Konto.