So erstellen Sie eine Website auf Github-Seiten: 12 Schritte (mit Bildern)

Github-Seiten ist eine großartige Möglichkeit, um Ihren eigenen persönlichen Standort von Grund zu machen.Es ist völlig kostenlos und erfordert nur ein Github-Konto.Beachten Sie jedoch, dass Github-Seiten nicht das benutzerfreundlichste Design für die Herstellung von Websites (im Gegensatz zu Wix- oder Squarespace) anbieten, aber es ist eine großartige Möglichkeit, Erfahrungen mit HTML / CSS / JS und allen Elementen einer Website zu erhalten.Diese Aufgabe zeigen Sie, wie Sie anfangen sollen.

Schritte

Registrieren Sie ein Konto auf GitHub, Wenn Sie noch keinen haben.Bevor Sie Ihre eigene Website auf GitHub-Seiten erstellen können, müssen Sie ein Konto auf GitHub erstellen.Wenn Sie bereits ein Konto auf GitHub haben, loggen Sie sich sicher, dass Sie sich anmelden.Beide können von der oberen rechten Symbolleiste aufgerufen werden.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 2

Erstellen Sie ein Repository auf Github.Stellen Sie sicher, dass Sie das Repository nennen "[Ihr Github-Benutzername hier].Github.io".Dies wird Ihre Github-Website initialisieren.

Methode 1 von 2:

Verwenden eines Code-Editors

1. Download Github-Desktop, wenn Sie es nicht bereits installiert haben.Die Installation von Github-Desktop ist so einfach wie zu gehen https: // Desktop.Github.com / und klicken auf das große lila "Herunterladen" Taste.Führen Sie dann das Installationsprogramm aus.Dies ist erforderlich, um Änderungen an Ihrem Repository zu drücken.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 4

2. Installieren Sie einen Code-Editor.Sie brauchen eine, um die Syntax auf Github hervorzuheben.Beliebte Auswahlmöglichkeiten zählen Atom, Visual Studio Code, Erhabener Text, und Notizblock++, Angesichts ihres Feature-reichen und minimalistischen Gefühlens.Nach der Installation eines Code-Editors sind Sie bereit, zu beginnen.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 5

3. Erstellen Sie eine Datei angerufen "Index.html".Sie können dies in Ihrem Code-Editor oder online tun.Sie können auch auf Ihrer Festplatte zu Ihrem Repository-Speicherort gehen und eine erstellen "Index.html" Datei im Ordner des Repositorys auf Ihrem Laufwerk.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 6

4. Fügen Sie Ihre Html.Du wirst brauchen Lernen Sie HTML Um eine grundlegende Webseite codieren zu können.Es wird auch nützlich sein, um zu lernen CSS und jаvascript So können Sie Ihrer Webseite Styling und Funktionalität hinzufügen.

Denken Sie daran, die Datei zu speichern.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 7

5. Befalls die Änderungen.Gehen Sie zurück zum Github-Desktop und klicken Sie auf das blaue Commit für Master-Taste.Klicken Sie dann auf Push-Herkunft.Dies wird die Änderungen an GitHub hochladen.

Wenn Sie planen, mehr Änderungen vorzunehmen, möchten Sie den Ursprung auch ziehen.Klicken Sie in Github-Desktop auf die Schaltfläche Herkunft, um das neueste Commit zu Ihrem Computer herunterzuladen.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 8

6. Sehen Sie sich Ihre Webseite an.Gehe zu "[Ihr Github-Benutzername hier].Github.io" In einem Webbrowser.Möglicherweise müssen Sie den Cache Ihres Browsers durch Halten umgehen Strg oder ⌘ Befehl, während Sie auf die Schaltfläche Aktualisieren klicken, um die neue Webseite anzuzeigen.

Methode 2 von 2:

Verwenden von Github Online

1. Erstellen Sie eine Datei angerufen "Index.html".Klicken Sie auf Datei hinzufügen, und klicken Sie dann auf Neue Datei erstellen.Dadurch wird ein Dateileditor geöffnet.Hinzufügen "Index.html" zum "Nennen Sie Ihre Datei" Feld.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 10

2. Fügen Sie Ihre Html.Du wirst brauchen Lernen Sie HTML Um eine grundlegende Webseite codieren zu können.Es wird auch nützlich sein, um zu lernen CSS und jаvascript So können Sie Ihrer Webseite Styling und Funktionalität hinzufügen.

Denken Sie daran, die Datei zu speichern.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 11

3. Befalls die Änderungen.Klicken Sie auf die Schaltfläche Green Commit New File, um die Datei in GitHub zu speichern.

Bildtitel Erstellen Sie eine Website auf Github-Seiten Schritt 12

4. Sehen Sie sich Ihre Webseite an.Gehe zu "[Ihr Github-Benutzername hier].Github.io" In einem Webbrowser.Möglicherweise müssen Sie den Cache Ihres Browsers durch Halten umgehen Strg oder ⌘ Befehl, während Sie auf die Schaltfläche Aktualisieren klicken, um die neue Webseite anzuzeigen.