Wenn Sie eine einfache Website haben, müssen Sie nicht für das Webhosting bezahlen.  Sie können GitHub Pages kostenlos nutzen!

So hosten Sie eine Website kostenlos mit GitHub Pages

Werbung Web-Hosting-Pläne gibt es in verschiedenen Optionen und Preisklassen. Es gibt teurere Pläne, die die Kapazität haben, die größten Websites der Welt zu hosten. Aber was ist, wenn Sie nur eine einfache Hosting-Lösung für eine einfache Website benötigen? Für eine statische Website oder kleine Web-Apps gibt es kostenlose Hosting-Pakete, mit denen Sie sofort online arbeiten können. Sie erfo

Werbung

Web-Hosting-Pläne gibt es in verschiedenen Optionen und Preisklassen. Es gibt teurere Pläne, die die Kapazität haben, die größten Websites der Welt zu hosten. Aber was ist, wenn Sie nur eine einfache Hosting-Lösung für eine einfache Website benötigen?

Für eine statische Website oder kleine Web-Apps gibt es kostenlose Hosting-Pakete, mit denen Sie sofort online arbeiten können. Sie erfordern etwas mehr Setup als ein kostenpflichtiger Host, aber es ist ein angemessener Kompromiss, der kostenlos ist.

GitHub Pages ist eine solche Option, und in diesem Artikel zeigen wir Ihnen, wie Sie eine einfache Website mit GitHub Pages kostenlos hosten können.

Was sind GitHub-Seiten?

Hinweis: Um auf GitHub Pages zu hosten, müssen Sie Zugriff auf den gesamten Code Ihrer Website haben. Normalerweise funktioniert diese Option am besten, wenn Sie Ihre Website von Grund auf neu codieren.

GitHub Pages ist ein von GitHub erstellter Dienst, mit dem Sie eine Website oder Webanwendung veröffentlichen können, indem Sie sie in einem kostenlosen GitHub-Repository speichern.

Beispielanzeige für GitHub-Seiten

Sie können eine vollständige Website und unbegrenzte „Projektwebsites“ hosten, die als „Seiten“ auf einer Website betrachtet werden können. Der Website-Code wird in einem festgelegten GitHub-Repository gespeichert, das von GitHub veröffentlicht und auf jedem Computer oder Tablet angezeigt wird.

Der Prozess ist recht einfach, aber es gibt ein wenig zu behandeln. Lassen Sie uns darüber sprechen, wie dies erreicht werden kann.

GitHub-Grundlagen

GitHub ist ein beliebter Dienst zur Versionskontrolle für Computerprogrammierer, der Git zum Speichern und Steuern von Code verwendet. Code wird in Repositorys gespeichert, die nur Container auf einem Cloud-Server sind, mit denen Sie von allen Ihren Computern aus auf Ihren Code zugreifen können.

Sie können neue Repositorys über die GitHub-Website oder über die Befehlszeile erstellen, wenn Sie Git installiert haben. Repositorys werden mit Namen versehen, können öffentlich oder privat sein und können Code in einer beliebigen Sprache speichern. Sobald Sie Ihr Repository erstellt haben, können Sie mit Git Ihren Code vom Server abrufen, um Änderungen vorzunehmen, und ihn dann wieder auf GitHub hochladen.

Git lässt sich einfach auf PC- und Mac-Computern installieren, indem Sie die Git-Website aufrufen und die Installationsschritte ausführen. Git hat eine Menge zu bieten, aber Sie können die Grundlagen von Git erlernen und sehr schnell anwenden. Verwalten Sie Ihre Dateiversionierung wie ein Programmierer mit Git. Verwalten Sie Ihre Dateiversionierung wie ein Programmierer mit Git. Programmierer haben Versionskontrollsysteme (VCS) erstellt, um die Versionskontrolle von Dateien zu lösen Probleme. Schauen wir uns die Grundlagen der Versionskontrolle mit dem heutigen Top-System Git an. Weiterlesen .

GitHub ist in der Programmierung bereits ein Begriff, und GitHub Pages ist sehr nützlich, wenn Sie bereits wissen, wie man es verwendet.

Einrichten Ihrer Website auf GitHub-Seiten

Das Hosten einer Website mit GitHub Pages kann in drei Schritten vereinfacht werden:

  1. Erstelle einen GitHub Account
  2. Erstellen Sie ein neues Repository mit einigen Regeln
  3. Bearbeiten Sie Ihren Code und laden Sie ihn auf GitHub hoch, um Ihre Website live zu schalten
  4. Lassen Sie uns ein wenig genauer betrachten, wie Sie Ihre statische Website live auf GitHub Pages veröffentlichen können. Sie benötigen HTML-Kenntnisse, und jetzt ist ein guter Zeitpunkt, um einige HTML-Grundlagen auf den neuesten Stand zu bringen. 5 Schritte zum Verständnis von grundlegendem HTML-Code 5 Schritte zum Verständnis von grundlegendem HTML-Code HTML ist das Rückgrat jeder Webseite. Wenn Sie Anfänger sind, führen wir Sie durch die grundlegenden Schritte zum Verständnis von HTML. Weiterlesen .

    Erstellen Sie Ihr GitHub-Konto

    Sie sollten Git zu diesem Zeitpunkt installiert haben, wenn Sie nicht zu den GitHub-Grundlagen zurückkehren und sicherstellen, dass es vollständig installiert ist. Sie benötigen Git, um Ihren Code über GitHub zu steuern. Besuchen Sie die Website von GitHub, um sich anzumelden.

    Sie müssen einen Benutzernamen wählen und sich mit Ihrer E-Mail-Adresse und einem Passwort anmelden. Der Benutzername ist wichtig, damit Ihre Website funktioniert. Sobald Sie sich angemeldet haben, melden Sie sich auf der Startseite an, um Ihre Website zu starten.

    Erstellen Sie Ihr GitHub-Repository

    Auf der GitHub-Homepage sehen Sie ganz links einen Abschnitt mit „Repositorys“. Hier finden Sie eine Liste aller Ihrer Repositorys sowie eine Schaltfläche "Neu", mit der Sie ein neues Repository erstellen können.

    Neuer Repository-Bildschirm für GitHub

    Klicken Sie auf "Neu" und Sie werden zu einem neuen Bildschirm weitergeleitet, in dem Sie die Repository-Informationen eingeben können. Zunächst müssen Sie den Repository-Namen eingeben. Der Repository-Name muss wie folgt lauten, wobei [BENUTZERNAME] Ihr gewünschter Benutzername ist:

     [USERNAME].github.io 

    Lautet Ihr Benutzername beispielsweise Jake, lautet Ihr Repository-Name Jake.github.io . Dies ist ein sehr wichtiger Schritt. Auf diese Weise identifiziert GitHub Pages das Repository als Live-Website und nicht als leeren Container, in den Sie Code schreiben möchten.

    Sobald Sie den Benutzernamen eingegeben haben, können Sie eine optionale Beschreibung eingeben, um Ihrem Repository einige Details hinzuzufügen (z. B. „Meine Sportwebsite“).

    Wählen Sie entweder "öffentlich" oder "privat", um zu steuern, ob andere Benutzer Ihr Repository ändern können. Öffentlich bedeutet, dass jeder Änderungen vornehmen kann, privat bedeutet, dass nur Sie Änderungen vornehmen können.

    Zuletzt können Sie eine README-Datei für Ihr Repository erstellen, die lediglich die Dokumentation für Projekte enthält. Es ist völlig optional.

    Nachdem Sie dies ausgefüllt haben, klicken Sie auf "Repository erstellen", um den Vorgang abzuschließen!

    Bearbeiten und Hochladen Ihrer Website

    Nachdem Sie Ihr Repository auf GitHub installiert haben, wechseln Sie zu Ihrem Befehlszeilenterminal. Navigieren Sie zu dem Speicherort, an dem Sie Ihr Projekt speichern möchten, und führen Sie den folgenden Befehl aus. Ersetzen Sie dabei [BENUTZERNAME] durch Ihren tatsächlichen Benutzernamen:

     git clone https://github.com/[USERNAME]/[USERNAME].github.io 

    Die "Klon" -Funktion von git erstellt lediglich eine Kopie Ihres Repositorys auf Ihrem Computer, damit Sie den Code bearbeiten können. Alle Änderungen, die Sie an diesem Code vornehmen, können über die Befehlszeile im Hauptrepository gespeichert werden.

    Nachdem das Repository in einem Ordner gespeichert ist, navigieren Sie entweder mit dem Terminal in diesen Ordner oder klicken Sie einfach auf den Ordner auf Ihrem Computer. Erstellen Sie eine index.html- Datei in diesem Ordner. Diese HTML-Datei enthält Ihren Code.

    Öffnen Sie die HTML-Datei in Ihrem Texteditor, fügen Sie eine Zeile hinzu und geben Sie „Hallo“ ein. Dies ist lediglich eine Zeile, um Text anzuzeigen und sicherzustellen, dass die Website funktioniert.

    Gehen Sie über das Terminal zurück zu dem Ordner, in dem Ihr Code gespeichert ist. Jetzt können Sie Ihre Änderungen in Ihrem Repository speichern, indem Sie diesen Git-Code ausführen

     git add --all git commit -m "Save changes" git push -u origin master 

    Dies kann verwirrend sein, wenn Sie noch nie Git verwendet haben, aber es ist sehr einfach. git add - all fügt alle Änderungen hinzu, die Sie an einer zu speichernden Warteschlange vorgenommen haben. git commit bereitet die Änderungen mit dem optionalen Flag -m vor, das eine Beschreibung der Änderungen in diesem Commit hinzufügt. ("Änderungen speichern" ist ein Beispiel. Sie können alles korrigieren.) Zuletzt schließt git push die Änderungen ab und lädt den neuen Code in Ihr Repository.

    Anzeigen Ihrer GitHub Pages-Website

    Es gab eine Menge hier, aber jetzt sind Sie bereit, das Endergebnis zu sehen. Laden Sie Ihren bevorzugten Webbrowser und navigieren Sie zu https: // [BENUTZERNAME] .github.io, wo wiederum [BENUTZERNAME] durch Ihren Repository-Namen ersetzt wird.

    Sie werden sehen, wie Ihre Website live veröffentlicht wird! Es kann in jedem Browser auf jedem Computer, Tablet oder Telefon angezeigt werden. Es ist eine voll funktionsfähige Website.

    Weitere Optionen für kostenloses Webhosting

    Nachdem Sie nun wissen, wie Sie eine Website erstellen, die kostenlos auf GitHub Pages gehostet wird, können Sie praktisch jede beliebige statische Website erstellen. Es ist eine großartige Option für Entwickler und Einzelpersonen, die nur eine kleine Lösung benötigen.

    Benötigen Sie etwas Stärkeres als GitHub Pages? Schauen Sie sich diese fantastischen kostenlosen Webhosting-Services an Die besten kostenlosen Website-Hosting-Services im Jahr 2019 Die besten kostenlosen Website-Hosting-Services im Jahr 2019 Hier finden Sie die besten kostenlosen Webhosting-Services, die viel bieten und einen besseren Ruf haben als die meisten anderen. Weiterlesen .

Erfahren Sie mehr über: Coding Tutorials, GitHub, Webhosting.