Erstelle Deine Websites mit Github Pages | Paris Yee | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Erstelle Deine Websites mit Github Pages

teacher avatar Paris Yee, Full Stack Web Developer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

10 Einheiten (24 Min.)
    • 1. Einführung

      1:00
    • 2. Kursübersicht

      0:47
    • 3. Erste Einrichtung

      1:59
    • 4. Version erklärt

      7:17
    • 5. Ein GitHub-Repository erstellen und klatschen

      2:01
    • 6. Lokales Ändern und Herausziehen auf GitHub

      4:17
    • 7. GitHub-Seiten für dein Repository aktivieren

      1:24
    • 8. Änderungen vornehmen

      2:15
    • 9. Gochyas

      2:08
    • 10. Schlussbemerkung

      1:00
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

637

Teilnehmer:innen

1

Projekte

Über diesen Kurs

Brauchst du eine einfache Möglichkeit zur Einführung deiner Websites In diesem Kurs lernen Kursteilnehmer:innen wie man GitHub und GitHub-Pages nutzt, um einfache Webprojekte in einem Ende bereitzustellen zu können. Dieser Kurs wurde für diejenigen entwickelt, die Websites mit HTML, CSS und Javascript lokal (auf eigenen Computer) erstellen wollen. , um ihre Arbeit schnell und einfach in die Wildnis zu lösen zu können.

Um diese Fähigkeiten meistern zu Am Ende dieses Kurses haben alles, was sie brauchen, um es zu sehen

Links, die wir im Kurs verwenden werden:

Lade den Startcode auf der Registerkarte dein Projekt herunter.

Triff deine:n Kursleiter:in

Teacher Profile Image

Paris Yee

Full Stack Web Developer

Kursleiter:in

Hello! I'm Paris. I'm a full stack web developer based in New York City. I spent the first few years of my career working for a number of early and late stage startups. During this time I discovered that one of my favorite parts of my various job was mentoring junior developers and teaching them about programming and new technologies.

In 2016 I decided to change things up a bit. I got my teaching license in the state of New York and began working as a lead instructor at a renowned web development boot camp. Since then, I've had the wonderful opportunity to enrich the lives of many students by teaching them how to code and build apps.

I'm very excited for you to experience my content here on Skillshare. I hope that you can walk away with some information that will prove use... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hey, Leute, mein Name ist Paris. Ich bin ein Full-Stack-Webentwickler mit Sitz in New York City und arbeite seit 2016 als professioneller Webentwicklungslehrer. Heute werde ich Sie durch einen wirklich einfachen Prozess führen, der Ihnen zeigen wird, wie Sie statische Websites bereitstellen. Also, was Seite ist, dass Sie in HTML, CSS und JavaScript angeboten haben. Ich werde Ihnen eine schnelle und einfache Möglichkeit zeigen, diese online zu bekommen, so dass jeder mit einem Web-Browser und mit Ihrem Mädchen öffentlich auf sie zugreifen kann. Wenn Sie diesen Kurs hilfreich finden und Ihnen gefällt, was ich tue, hinterlassen Sie bitte eine Rezension. Wenn Sie Fragen oder Kommentare haben, teilen Sie sie, damit ich oder der Rest der Community Ihnen helfen kann. Wir können alle gemeinsam lernen. Ich ermutige Sie wirklich, Ihre Arbeit zu posten, damit zukünftige Schüler sehen können, was nach der Teilnahme an diesem Kurs möglich ist . Und schließlich, wenn Sie mit allen Kursen, die ich in Zukunft poste, auf dem Laufenden bleiben möchten, folgen Sie mir einfach auf meinem Lehrerprofil 2. Kursübersicht: Na gut, Leute. Also, bevor wir eintauchen, will ich dir nur zeigen, was wir heute machen werden. Wir werden nicht wirklich Code schreiben. Ich habe bereits Code geschrieben. Wenn wir meinen Texteditor betrachten, habe ich eine HTML-Datei, die nur eine Schaltfläche hat und ich habe eine CSS-Datei und ich habe eine Javascript-Datei , die. Nun, wenn ich darauf klicke, erscheint es eine Warnbox. Eso, wie Sie hier sehen können, indem Sie auf die Adressleiste schauen. Dies ist diese Webseiten, die von meinem lokalen Dateisystem geladen werden und was wir heute tun werden , ist herauszufinden, OK, wie gehen wir von der lokalen Entwicklung zu haben das Gleiche auf einem wirklich Ihr l, so dass jeder mit einem Web-Browser und in diesem Jahr können Earl diese Webseite besuchen und sehen alle die gleiche Funktionalität 3. Erste Einrichtung: Alles klar, das erste, was wir tun werden, ist ein Besuch. Holen Sie sich Hub dot com und wir werden uns für ein Konto registrieren. natürlich Wenn Sie bereits ein Konto haben, müssen Sie diesnatürlichnicht tun. Sie können einfach dieses Konto verwenden. Aber wenn Sie kein Konto haben, wenn Sie neu sind, um Hub zu bekommen, besuchen Sie einfach die Homepage. Klicken Sie auf den Anmelde-Button, der den Anmeldeablauf startet, und Sie werden nach Ihrem Benutzernamen gefragt. Ihre E-Mail. Ihr Passwort. Wenn Sie fortfahren, werden Sie aufgefordert, zu wählen, welcher Kontotyp Sie das bezahlte oder kostenlose Konto sein möchten . nur um Um, vorerst vorschlagen, mit dem kostenlosen Konto zu gehen, wird es bedeuten, dass all dein Code, den du hochschubst, um Hubby zu bekommen, öffentlich sein wird . Aber in unserem Fall heute für das, was wir versuchen zu tun, ist das überhaupt kein Problem. Wenn Sie sich für Teoh entscheiden, , zahlen Sie, vergessen Sie die Drehscheibe in der Zukunft. Sie können diese Änderung jederzeit später vornehmen, um private Repositories zu haben und Ihren Code nicht öffentlich zugänglich zu machen . Aber für heute, nur um die Dinge schnell anzufangen, warum machst du nicht voran und meldest dich einfach für ein kostenloses Konto an, wenn du noch nicht eins hast, die zweite Sache, die du nach dir machen musst, Sohn. Afriat Hub ist Besuch Desktop dot Holen Sie sich Hub dot com und wir werden nur herunterladen, uh, die native Desktop-Anwendung. Vergiss es, was? Das wird unser Leben ein bisschen einfacher machen in Bezug auf die Kommunikation mit get Hub, wir werden nicht die Befehlszeile benutzen müssen, um get zu benutzen. Wir müssen kein Terminal-Fenster für viele Leute öffnen , die die Dinge ein wenig machen werden. etwas benutzerfreundlicher. Ähm, und es geht nur, machen Sie das ein bisschen mehr von einer schnellen Lernerfahrung. Wenn Sie in Zukunft tiefer eintauchen wollten, um es auf dem Terminal zu nutzen, gehen Sie auf jeden Fall dafür. Aber im Moment werden wir nur verwenden, um Hub-Desktop-Client zu bekommen und Dinge so einfach wie möglich Release zu machen , dass wir einfach unsere Webseiten starten und sie öffentlich bekommen, und wir können von dort aus gehen 4. Version erklärt: In Ordnung, jetzt, wo wir unsere Konten haben und wir den get have Desktop Client heruntergeladen haben , werden wir über Versionskontrolle sprechen. Wir werden über Get reden und wir werden darüber reden, was? Wir werden ein wenig detailliert darüber eingehen, was sie tatsächlich sind, wie sie anders sind und wie sie spielen, welche Rolle sie in dem, was wir jetzt tun wollen , das heißt, unsere ersten Websites sind, damit sie öffentlich zugänglich sind. Versionskontrolle ist also dieses Konzept, Änderungen an einem Projekt im Laufe der Zeit zu verfolgen. Ah, gutes Versionskontrollsystem bietet Ihnen eine Möglichkeit, Schnappschüsse Ihrer Codebasis während Sie Änderungen vornehmen. Und dann können Sie voran gehen und überprüfen, wie Ihr Code bei jedem Snapshot aussah. Und wenn es eine reiche Reihe von Funktionen hat, sollte ein Versionskontrollsystem Ihnen auch erlauben, Zeit zu reisen, wenn Sie so wollen, zwischen Snapshots, so dass Sie Teoh frühere Versionen Ihrer Codebasis zurückgeben können unabhängig davon, was es sieht so aus wie jetzt, solange Sie die entsprechenden Schritte unternommen haben, um diese Schnappschüsse in der Vergangenheit zu machen. Das hier ist also nur ein kleines Diagramm, eine kleine visuelle Darstellung, wie ein Projekt im Laufe der Zeit aussehen könnte und wie die Versionskontrolle tatsächlich funktioniert, um Snapshots eines Projekts zu erstellen, wenn es sich im Laufe der Zeit ändert. Wenn wir also hier rüber schauen , , zeigt die grüne Box das gesamte Projekt an. Sie können sich dies als das Verzeichnis vorstellen, in dem alle meine Codedateien leben. Also, um HTML zu erstellen, siehe, als Job-Skript-Websites, könnten Sie vermuten, dass ich eine Indexpunkt-HTML-Datei im Stammverzeichnis meiner Projekte hätte . Mein Projektordner heißt mein Projekt, und ich habe eine Datei hier drin. Es nennt sich Indexstudie. Sie, Mel und ich haben nur in jedem Tag, auf dem steht, Hi da. Ich werde zu diesem Zeitpunkt einen Schnappschuss meines Projekts erstellen, und ich werde sagen, dass dieser Snapshot eins ist, und ich werde diesem Snapshot eine Nachricht geben. Ich werde nur sagen, dass die Nachrichten erste HTML-Datei hinzufügen. Nachdem ich diesen Snapshot gemacht habe, werde ich einige Änderungen an meiner Codebasis auf vornehmen. Ich werde eine Hauptpunkt-CSS-Datei hinzufügen. Diese Hauptpunkt-CSS-Datei wird nur die Farbe von H one Tags ändern. Und sobald ich diese Datei hinzugefügt habe und ich den gesamten Inhalt dieser Datei so habe, wie ich will, werde ich einen weiteren Snapshot machen. Ich werde sagen, dass dieser Schnappschuss eine Vorstellung von zwei hat, ist der zweite Snapshot, und ich werde ihm eine Nachricht geben, die besagt, dass ich die erste CSS-Datei hinzugefügt habe, dann, sobald ich diesen ersten Schnappschuss in der zweiten Momentaufnahme in meinem Snapshot-Verlauf, werde ich meine Codebasis erneut ändern. Und ich werde eigentlich nur meine Indexpunkt-HTML-Datei ändern, so dass die H eins Tags jetzt p Tags sind . Und sobald ich das so habe, wie ich es will, sobald der gesamte Code geändert wurde und ich denke, dass die Dinge gut aussahen, werde ich einen weiteren Schnappschuss machen. Das wird Momentaufnahme Nummer drei sein. Die Nachricht dafür wird sein, dass ich die HTML-Datei bearbeitet habe. Wenn Sie also über all diese Schnappschüsse nachdenken , wissen Sie, am Ende all dieser Änderungen wird mein Code so aussehen wie im dritten Snapshot. Das ist die aktuelle Version, an der ich arbeite. , die an der Versionskontrolle so mächtig ist, ist jedoch Die Sache, die an der Versionskontrolle so mächtig ist, ist jedoch, obwohl mein H ein Tag Luft jetzt p Tags und ich jetzt eine Hauptpunkt-CSS-Datei habe, kann ich immer zurückgehen und referenzieren, wie mein Code beim ersten Snapshot aussah, wie mein Code sah aus wie bei der zweiten Momentaufnahme. Und ich kann auch zwischen jedem dieser drei Schnappschüsse wechseln, solange ich mir in der Vergangenheit die Zeit genommen habe , sie zu nehmen. Und das ist auf den Punkt gebracht. Was die Versionskontrolle ist und warum sie so mächtig ist. Sie können sich vorstellen, wenn Sie, wissen Sie,seit Sie, wissen Sie, einiger Zeit Webentwicklung gemacht haben, dass diese Dateien nicht nur drei Zeilen . Sie könnten Dutzende oder Hunderte von Zeilen lang sein. Sie könnten sich alle paar Stunden alle paar Tage ändern, und es könnte wirklich, wirklich schwierig sein , zu wissen oder sich daran zu erinnern, wie man in der Vergangenheit aussehen könnte. Deswegen ist die Versionskontrolle so nützlich und deshalb ist sie so leistungsstark. Also jetzt zu bekommen ist das am weitesten verbreitete Versionskontrollsystem bei weitem es ist eigentlich ein Kommandozeilenprogramm, was bedeutet, dass Sie Teoh wissen, wie man das Terminal oder eine andere Befehlszeilenschnittstelle verwendet. Um das rohe Get Programm zu verwenden. Allerdings gibt es eine Menge von Desktop-Anwendungen erhalten Hub-Desktop ist einer von ihnen, die eine, die wir gerade heruntergeladen, die es uns ermöglichen, die Macht zu einem gewissen Grad zu nutzen ohne in die Befehlszeile eintauchen zu müssen. Es gibt also ein paar Schlüsselsätze, mit denen wir uns vertraut machen möchten. Eso, dass, wenn wir über get und mit get sprechen, waren auf der gleichen Seite. Die 1. 1 ist „commit“. Commit ist nur ein weiteres Wort für einen dieser Schnappschüsse, die wir jede Zeit nehmen, wenn wir eine Änderung an unserem Code vornehmen , den wir in unserer Get-Geschichte speichern wollen, wir werden ein Commit nehmen, und dieses Commit wird eine einzigartige Idee haben. Und es wird auch eine Nachricht von den Änderungen haben, die wir ein Repository gemacht haben. Viele Leute nennen sie Ruhe. Repository ist nur eine Sammlung von Commits für ein bestimmtes Projekt. Wenn Sie also alle Commits für ein Projekt betrachten, können Sie den gesamten Verlauf abrufen, und diese sind alle innerhalb eines Repositorys gespeichert. Ah, lokales Repository ist eine Kopie eines Repositorys, das auf Ihrem Computer, Ihrem Computer, Ihrem Laptop, Ihrem Desktop, was auch immer existiert Ihrem Computer, Ihrem Laptop, Ihrem Desktop, Ihrem Desktop, . Ein Remote-Repository ist eine Kopie eines Repositorys, das auf einem Remoteserver vorhanden ist, um aufzurufen . Es ist also sehr wichtig, zwischen Aufstehen und Aufstehen zu unterscheiden, obwohl sie beide in Namen bekommen haben. Get Hub ist eigentlich ein Unternehmen, während get ein Programm ist. Get ist ein Open-Source-Projekt, das von Linus Torvalds erstellt wurde. Get Hub ist ein privates Unternehmen, das seine Dienstleistungen in Rechnung stellt und versucht, die Welten der Softwareentwicklung viel einfacher zu machen . Es ist eine Cloud-basierte SAS-Plattform für das Hosten von Remote-get Repositories, und in unserem Fall wird es sehr nützlich sein, um Funktionen für die Bereitstellung von Webseiten bereitzustellen, die in Repositories enthalten sind, die wir hosten auf get und dies wird durch eine Funktion namens Get Hug Pages. Es macht auch eine Menge mehr Zeug, und wir können später darauf eingehen. Aber im Moment kümmern wir uns nur um diese beiden Dinge. Get Hub Desktop ist die native Desktop-Anwendung, die wir gerade heruntergeladen haben, und dies wird es uns leicht machen, unser lokales Repository auf unserem Computer mit dem Remote-Repository zu versenken , das wir auf Get erstellen. 5. Ein GitHub-Repository erstellen und klatschen: , jetzt, Also, jetzt,da wir ein bisschen ein Verständnis davon haben, was es ist und was Hub ist und wie sie zusammen spielen, werden wir weitermachen und unser erstes Get Hub Repository erstellen. Also gehen wir, um Hoffnung dot com in der knave bar oben zu bekommen. Richtig, da ist dieses Plus-Symbol. Wir werden darauf klicken, dass es eine Dropdown-Liste mit der neuen Repository-Option geben wird. Wir werden darauf klicken, und das bringt uns zu der Seite, auf der wir ein neues Repository erstellen können. Also wählen wir zuerst einen Namen für dieses Projektarchiv aus. Ich nenne es Hallo, World Website. Äh, stellen Sie sicher, dass Sie keine Leerzeichen im Namen haben. Ich werde die Beschreibung leer lassen und ich werde sie als öffentliches Repository belassen. Ich klicke einfach auf die Bildschirmschaltfläche und schalte die Dinge ab. Also, jetzt hat es mein Repository auf get erstellt, huh? Aber wir haben noch keinen Code. Offensichtlich haben wir es gerade erstellt, und es gibt uns einige Optionen, wie wir Code aus einem vorhandenen Repository hinzufügen können einige Kommandozeilenbefehle verwenden. Heute werden wir jedoch den get-Hub-Desktop-Client verwenden. Anstatt diese Optionen zu verwenden, werden wir hier oben auf diese Schaltfläche klicken. Und das wird uns fragen, ob wir die es Desktop-Anwendungen öffnen können. Ich werde das anklicken. Und wenn wir das öffnen, wird es uns ein paar Informationen geben, das erste bisschen hier. Dies ist die U. R L. zum Projektarchiv, dem Remote-Repository, das wir gerade auf Get up erstellt haben. Das zweite Bit an Informationen ist der lokale Dateipfad zu dem Ort, an dem diese lokale Version des Repositorys auf unseren Computern leben wird. Also, wie Sie sehen können, erstellt Hub Desktop-Client dieses get Hub-Verzeichnis in meinem Ordner Dokumente und es wird nur dieses Projekt im Hello World Website-Verzeichnis innerhalb dieses get of -Verzeichnisses speichern . Das sieht also alles gut aus. Ich bin in einem Klick-Klon und jetzt können Sie sehen, dass dieses Hallo Welt-Repository zu meinem lokalen get Hub Repository-Verzeichnis hinzugefügt wurde und alles verlinkt ist 6. Lokales Ändern und Herausziehen auf GitHub: Alles klar. In unserem letzten Abschnitt haben wir unser erstes „get home“ -Repository erstellt und dieses Repository auf unseren Computern geklont, so dass wir eine lokale Instanz dieses Remote-Repositorys haben . Wenn wir also über diese zwei mehrere Repositories nachdenken, sind sie irgendwie nur Kopien derselben Sache, können sie nicht synchron werden. Aber wirklich, wir wollen sie synchron halten. Und das ist, was uns diese aufstehen Desktop-Anwendung hilft. Wenn wir also Änderungen auf unserem lokalen Computer vornehmen, werden wir sie in das Remote-Repository versenken, so dass der gesamte Code an beiden Stellen gleich sein kann . Also das erste, was ich jetzt tun werde, ist öffnen Sie den Finder, und ich werde Ihnen nur zeigen, was Get Hub Desktop. Ist es tatsächlich in Ihren Dokumenten? Halter, wenn Sie auf einem Mac arbeiten, Ich bin mir nicht sicher, wie das auf den Fenstern funktioniert, Aber wenn Sie auf einem Mac in Ihrem Ordner Dokumente arbeiten, es wird ein get Hub-Verzeichnis für Sie erstellen. Und alle Repositories, die Sie mit Ihrer Desktop-Anwendung erstellen oder verwalten werden in diesem Get-Hub-Verzeichnis gespeichert werden, Sie können den Standardspeicherort ändern. Aber hier wird es Dinge für Sie speichern und wo es nach Repositories sucht, wenn Sie diese Standardoption nicht ändern. Wie Sie hier sehen können, da wir gerade das Hello World Website-Repository auf unsere lokalen Maschinen geklont haben, haben wir dieses Hallo World Verzeichnis genau hier. Und hier wird unser ganzer Quellcode gehen, damit wir diese Änderungen übernehmen und sie dann an das Remote-Repository senden können . Also habe ich tatsächlich einen Startcode hier, und ihr könnt den gleichen Starter Coat unten über den Link herunterladen. Ich werde das hier einfach kopieren und einfügen, damit wir schnell aufstehen können . Und wenn ich das tue, wenn wir auf die get Hub Desktop-Anwendung zurückkommen, können wir sehen, dass es diese drei Dateien hat, die ich gerade hinzugefügt habe. Und es sagt, dass diese neuen Dateien, die noch verfolgt werden müssen, das ist, was dieses grüne Plus bedeutet, damit ich durch alle Dateien schauen kann. Alles, was neu ist, wird grün sein, und das sieht alles ziemlich gut aus. Ich habe nur eine JavaScript-Datei. Ich habe keine Indexpunkt-HTML-Datei und ich bin in CSS-Datei geblieben. Also werde ich das begehen und das wird mein erstes Commit sein. Und die Konvention für Ihr erstes Commit ist nur, es erstes Commit zu nennen, und ich könnte ihm hier eine kleine Beschreibung geben. In diesem fügen sie Index html hinzu, ich meine, nicht CSS und brauchen Punkt-Js-Dateien. Und sobald ich diese Nachricht und die kleine Beschreibung hinzugefügt habe, werde ich nur auf diese Schaltfläche klicken, zum Master verpflichten, und das war's. Ich habe einen dieser Schnappschüsse erstellt, über die wir vorhin gesprochen haben. Diese Version meines Codes wurde verfestigt, dass es jetzt in der Geschichte dafür ist. Repository abrufen. , Denken Sie daran, das ist alles in meinem lokalen Git-Repository. Keiner dieser Änderungen wurde bisher widergespiegelt. Holen Sie sich Hub Dot com. Wir kommen hierher und wir aktualisieren die Seite. Wir können sehen, dass es immer noch genau so aussieht, wie es vorher getan hat. Also haben wir Teoh diese Änderungen hochschieben, um Hub Dot com zu bekommen. Und das können wir tun, indem wir diesen Zweig direkt hier veröffentlichen. Klicken Sie auf diese Schaltfläche, um mich anzumelden. Offensichtlich Höhen. Paris und mein Passwort spähen nicht toll. Sobald ich mich angemeldet habe, weiß er, wer ich bin. Und es könnte diese Verbindung herstellen. Und es kann diesen Code versenken, so dass es, wenn ich diese Seite aktualisiere, all mein Code jetzt hier auf get hub dot com ist. 7. GitHub-Seiten für dein Repository aktivieren: Alles klar, jetzt, da wir Sinken-Tar-Code von unserem lokalen Repository über ein Remote-Get-Hub-Repository haben ,müssen wir alles tun, um unsere Website öffentlich zugänglich zu machen, ist auf die Registerkarte Einstellungen gehen , , scrollen bis zum Abschnitt mit dem Titel „get Hooked Seiten“, ändern Sie diese keine. Dropdown-Option zum Master-Zweig und klicken Sie auf diese Schaltfläche Speichern. Sobald wir das getan haben, können wir wieder nach unten scrollen. Die Seite wird aktualisiert, und sie wird uns tatsächlich einen Earl geben, den wir besuchen können, um auf unsere Website zuzugreifen. Also, wenn wir darauf klicken, werden wir wahrscheinlich eine 40 für gut zu bekommen, eigentlich nicht. So wurde es für mich ziemlich schnell aktualisiert. Manchmal können sie ein paar Minuten bis sogar ein paar Stunden dauern, aber wie Sie hier sehen können, habe ich dieses öffentliche Mädchen, das jeder besuchen kann. Und das ist meine Webseite. Ich kann darauf klicken. Mein Job-Skript funktioniert. Mein CSS funktioniert und es war wirklich so einfach. Zurück hier, alles, was wir getan haben, war eine Option in einem Repository zu ändern und es funktioniert einfach. Deshalb verwenden wir Get Hub und stehen Ewigkeit auf. Heute, weil es wirklich eine Menge Kopfschmerzen aus der Bereitstellung von statischen Seitenwebsites erfordert. Und es macht das Leben wieder super einfach. Ich klicke einfach auf diesen Button. Es ist so befriedigend, Toller Job. 8. Änderungen vornehmen: In Ordnung. So haben wir gerade gesehen, wie einfach es ist, Code auf unseren lokalen Computern zu erstellen. Drücken Sie es nach oben, um Hub zu bekommen, Sie einen Schalter, um ihre Seiten zu aktivieren und haben Sie dann eine öffentlich zugängliche Website, die voll funktionsfähig ist mit einem wirklich Earl, dass andere Menschen auf ihren Web-Browsern besuchen können. Wie werden wir jetzt Änderungen vornehmen, den Code ändern und die Dinge auf dem neuesten Stand halten, während wir uns weiterentwickeln? Nun, es ist wirklich einfach, wie die Dinge überhaupt waren. Ich öffne meinen Texteditor und mache es einfach ganz einfach. Ich werde die Farbe dieses Knopfes von rosa ändern. Du bist es, Green. Ich werde hier rüber kommen, um auf den Desktop zu stehen. Ich sehe, dass es eine Zeile gibt, die geändert wurde. Ich werde dies noch einmal zu einem Commit machen, so dass Sie keine Änderungen verschieben können, es sei denn, es ist in einem Commit eingewickelt oder Sie nehmen einen dieser Snapshots. Also werde ich noch ein Commit machen. Die Nachricht hier wird die Farbe der Taste geändert werden. Ich muss keine Beschreibung hinzufügen, aber Sie können es immer. Und dann werde ich auf diese Schaltfläche klicken, um zu begehen. Sobald ich das getan habe, sehe ich, dass ich diese kleine Luft hier drüben habe und diese kleine mit einem engen hier drüben . Dies zeigt mir an, dass mein lokales Repository und mein Remote-Repository nicht synchron sind , da ich tatsächlich ein Commit habe, das auf meinem lokalen Repository voraus ist, dann mein Remote-Repository. Also werde ich auf diese Schaltfläche gedrückten Ursprung klicken, und das wird nur alles für mich versenken. Wenn ich zurückkomme, um Hub die Seite für mein Repository zu erhalten und ich aktualisiere, kann ich sehen, dass das neueste Commit jetzt die Schaltflächenfarbe anstelle des ersten Commits geändert wird. Ich kann auch sehen, welche Dateien davon betroffen waren. Begehen Sie. Also die CSS-Datei hier Dies wurde von rosa zu grün geändert. Großartig. Kommen Sie zurück hierher zu meinem Leben Seite jeden aktualisieren Sie die Seite und es ist großartig 9. Gochyas: Alles klar, Leute, das schließt es so ziemlich für dieses Video ein, wie man Get up-Seiten nutzt, um statische Websites bereitzustellen . Ich werde nur ein paar Gouaches durchgehen, die Ihnen eine harte Zeit bereiten könnten, wenn Sie nicht wissen wonach Sie suchen. Die 1. 1 ist wahrscheinlich einer der häufigsten, und das hat einfach keine Indexpunkt-HTML-Datei im Stammverzeichnis Ihres Projektordners. Das bedeutet, dass es in der äußersten Ebene Ihres get Hub-Repositorys eine HTML-Datei namens index dot html geben muss. Das ist die Datei, die als Routenseite für Ihre Website bereitgestellt wird. Du darfst nichts anderes nennen lassen. Es muss nur nach Alter indiziert werden. Jetzt können Sie eine Reihe von anderen HTML-Seiten haben, auf die Sie verlinken, die andere Seiten Ihrer Website sind . Aber Sie müssen diesen einen Index dot html haben. Ein weiteres Problem, das auftreten könnte, ist, dass Sie lokal Änderungen vornehmen, aber Sie aus irgendeinem Grund nicht hochschieben, können sieaus irgendeinem Grund nicht hochschieben,um Hub zu erhalten. Es könnte sein, dass Sie diese Änderungen nicht tatsächlich begangen haben. Denken Sie daran, dass wir diese Snapshots erstellen müssen, um lokale Änderungen in unser Remote-Repository zu übertragen . Wenn Sie also diese Snapshots nach einer Änderung nicht gemacht haben, können Sie diese Änderungen nicht verschieben. Eine andere Sache, die am Anfang etwas frustrierend und verwirrend sein könnte. Woran Sie sich sehr gewöhnen werden, ist die Tatsache, dass Code, den Sie drücken, einige Minuten dauern könnte , sogar ein paar Stunden, bevor er live ist. Also habe ich einige Filmmagie in diesem Video verwendet, um Dinge zu beschleunigen. Aber es gab ein paar Minuten Verzögerung zwischen, als ich einige Änderungen vorgenommen und gestoßen, um Hilfe zu bekommen , wenn sie in meiner Lebensstätte reflektiert wurden. Hoffentlich deckt das die meisten Straßenbomben ab, die Sie erleben könnten. Wenn es noch andere gibt, bitte unten kommentieren. Ich werde mein Bestes geben, um alle Probleme anzugehen. Wenn nicht ich. Hoffentlich wird die Community euch helfen, Jungs aus 10. Schlussbemerkung: Na gut, Jungs, das ist so ziemlich es. Wie Sie sehen können, ist das Bereitstellen von statischen Webseiten mit get Hub und get Seiten ziemlich einfach. Das war wirklich mein Ziel in diesem Kurs war es, Ihnen eine Methode der Bereitstellung zu liefern, die eine geringe Einstiegsbarriere hat. Ist das wirklich alles, was Sie tun müssen, ist, sich auf das Schreiben von Code zu konzentrieren und Sie müssen sich keine Sorgen um Dev Ops oder so etwas mehr machen. Wenn Sie diesen Kurs nützlich finden und wenn Sie Freude daran haben, was ich tue, hinterlassen Sie bitte eine Rezension. Sie können dies mit jedem teilen, der, Sie könnten denken, auch würde von den Informationen profitieren. Wenn Sie Fragen oder Kommentare haben, teilen Sie diese einfach auch, damit entweder ich oder der Rest der Communicate-Community versuchen kann , Ihnen zu helfen. Und schließlich, wenn Sie irgendwelche Ideen für Kurse haben, die Sie vielleicht in der Zukunft sehen möchten, lassen Sie es mich wissen und ich werde versuchen, das zu erreichen. Sie können meinem Lehrerprofil folgen, um alle Kurse zu sehen, die ich von hier an poste, und teilen Ihre Arbeit, damit Sie andere Schüler inspirieren können