Also, sagen wir, Sie haben eine ziemlich schöne Seite gefunden.
Ich habe eine hier.
Ich werde auf meine index.html Datei klicken,
und ich habe einige Bilder darin.
Ich habe eine spezielle Datei namens CSS,
mit der Sie vielleicht noch nicht vertraut sind, aber das ist in Ordnung.
Aber mal sehen, wie meine Seite aussieht.
Los geht's, hoch.
Hier ist nur eine kleine Seite, die ich mit ein bisschen Formatierung über mich gemacht habe.
Aber wenn Sie überprüfen und Sie in der oberen Ecke schauen,
können Sie sehen, dass diese Seite nicht live ist.
Die Tatsache, dass es sagt, Datei Doppelpunkt,
so vorwärts, Ich kann es nicht mit anderen Menschen zu teilen leben.
Ich kann ihnen meinen Code per E-Mail senden,
ich könnte jemandem sagen: „Oh, schau,
ich habe eine Webseite gemacht“, und dann könnte ich ihnen
diese Datei und all die Bilder und alles so schicken,
aber das ist irgendwie ein Schmerz.
Versuchen wir also, diese Seite auf meinem GitHub Pages Konto live zu machen.
Also, geh zurück hier,
zu meinem GitHub-Konto, das, wenn du noch nicht erstellt hast, ist das okay.
Ich habe noch ein Video,
Geh, erstelle dein Konto und komm zurück und treffe dich mit uns.
Aber abgesehen davon
werde ich meinen ersten Live-Account machen.
Wieder einmal werde ich nach oben gehen und ein Plus für ein neues Repository tun.
Betrachten Sie im Grunde einen neuen Ordner voller Code.
Das letzte Mal musste ich sehr vorsichtig mit meinem Repository-Namen sein, nicht diesmal.
Ich werde nur dieses nennen,
sagen wir Beispiel, ich versuche sehr hart, es auf alle Kleinbuchstaben zu halten.
Sie können den kleinen wie Bindestrich einschließen,
aber keine Sonderzeichen.
Also, ich werde es nur als Probe belassen.
Sehr wichtig, ich werde auf klicken,“ Initialisieren Sie dieses Repository mit einem Read Me,
und ich klicke darauf,
und ich werde auf „Create Repository.“
Also, GitHub erstellt jetzt eine neue Website für mich, um meinen Code hochzuladen.
Nun, Leute, die GitHub für verwenden,
ich werde sagen, wie real,
tun tatsächlich eine Menge Dinge von
Kommandozeilen und sie müssen sich eine Menge Dinge auswendig lernen.
Das machen wir nicht.
Wir verwenden nur GitHub Pages, um unseren Code zu hosten.
Also, lasst uns auf „Dateien hochladen“ klicken.
Nun, hier ist ein kniffliger Teil,
wenn ich auf „Wählen Sie Ihre Dateien“ klicken würde,
könnte ich das tun und ich könnte durchgehen und wählen,
na ja, ich brauche diese Datei und die eine,
aber es lässt mich nicht ganze Ordner hochladen.
Sehen Sie, ob ich auf CSS klicke und auf Öffnen klicke, es ist wie: „Oh,
ist das die Datei, die Sie wollen?“ ,
Ich will das nicht, ich will alles, nicht nur Dateien.
Also, ich klicke auf „Hinzufügen“.
Was ich tun werde, ist hierher zu gehen,
und ich werde einfach wieder nach oben gehen, eins,
und ich werde nur diesen ganzen Ordner auf einmal über alle ziehen,
und das wird mich so viele Dateien hochladen lassen, wie ich will.
Der nächste Fehler, den ich die ganze Zeit mache, ist, dass ich vergesse
, den ganzen Weg nach unten zu gehen und zu sagen:“ Änderungen übernehmen“.
Dies ist also der erste Schritt aus zwei Schritten, um Ihre Website live zu machen.
Der erste Schritt besteht darin, Ihre Dateien hochzuladen.
Auch hier kann dies einige Minuten dauern.
Also, während das los ist,
gehe ich hoch, da oben und dann gehe ich hoch.
Also, was ich jetzt klicken werde, ist,
dass ich gehe nach oben und klicke auf „Einstellungen“. In Ordnung.
Nun, was ich tun muss, ist, dass ich sagen muss: „Hey,
wenn jemand meine Seite sehen will,
will ich nicht, dass sie meinen Code sehen.
Ich möchte, dass sie meine aktuelle Seite sehen.“
Also, ich werde hier wieder nach unten gehen,
und ich werde nach unten
scrollen, mit dieser Maus nach unten scrollen,
und was ich suche, ist eine Seite, die sagt: „GitHub-Seiten.“
Gehen Sie zu keiner und wählen Sie Master-Zweig und speichern Sie. In Ordnung.
Man weiß nie wirklich, ob es funktioniert hat oder nicht.
Also, ich gehe wieder nach unten,
klicke hier rüber und gehe zurück nach unten,
und wenn ich zu GitHub-Seiten gehe, wird es mir jetzt sagen:
„Hey, dein Code ist jetzt genau hier“.
Also, ich werde darauf klicken,
und es ist nicht ungewöhnlich, dass zu sagen, hey,
du hast noch nichts oder so etwas.
Also, was ich tun werde, ist,
ich gehe zurück zu meinem Code und sage: „Okay“.
Wie war der Name des Ordners, den ich hochgezogen habe?
Oh, es war Sampler,
und wie war der Name meiner Akte?
Hoffentlich war es index.html und es ist, großartig.
Ich werde hier gehen,
und jetzt, wenn ich klicke,
habe ich einen 404-Fehler bekommen.
Keine Sorge, das wird viel passieren.
Das erste, was Sie überprüfen müssen, ist,
haben Sie einen Tippfehler eingegeben?
Ja, ich habe Probe anstelle von Sampler geschrieben.
Also, lasst uns das r da reinlegen.
Jetzt werde ich Enter drücken und da ist meine Seite. In Ordnung.
Also, was Sie tun können,
die beiden Schritte zum Erstellen dieses GitHub-Kontos besteht darin,
Ihre Datei hochzuladen und dann diese Art von Link für GitHub Pages zu ändern, um sie zu aktivieren.
Sobald Sie das tun,
können Sie so viele Dinge hochladen, wie Sie möchten.
Aber ich werde noch eine Sache mit dir machen, ganz schnell.
Ich gehe zurück zu meinem GitHub-Konto
und ich werde dies noch einmal tun, aber etwas anders.
Ich möchte zu github.com gehen.
Ich werde noch ein Repository erstellen.
Ich werde dieses nennen,
Probe zwei, und dieses Mal
werde ich vergessen und ich werde nicht auf dieses Read Me klicken.
Wir klicken auf das Repository.
Oh! Nun, jetzt gibt es keinen Platz für mich, um auf diese Upload-Dateien zu klicken,
und du fühlst dich irgendwie fest.
Wenn Sie vergessen, scrollen Sie einfach nach rechts bis zum ReadMe-Link auf der Seite,
und Sie klicken darauf und ich bin tatsächlich erstellt die ReadMe.
Es wird runtergehen.
Nur damit Sie wissen, ist Commit neue Datei
das Äquivalent zu speichern Dateien für das, was wir auf unserem Desktop tun.
Jetzt kann ich Dateien hochladen.
Ich werde es noch einmal tun, um Ihnen einen
anderen wahrscheinlich einfacheren Weg zu zeigen. Ich gehe hierher zurück.
Bevor ich den gesamten Sampler-Ordner gezogen habe,
werde ich dieses Mal nur hier greifen.
Sie werden alle hochgeladen.
Ich werde auf „Änderungen übernehmen“ klicken.
Während dies geschieht,
möchte ich, dass Sie denken: „Was war der zweite Schritt?
Was war der nächste Schritt, den sie sagte, ich müsste tun?“
Dieser Schritt besteht darin, in Einstellungen zu gehen und die GitHub Pages hinzuzufügen.
Also, lassen Sie uns zu den Einstellungen gehen.
Oben, es wird, genau hier.
Scrollen Sie am Master-Zweig
nach unten und speichern Sie, und da
ich dann ein wenig faul sein möchte, werde ich einfach hier wieder nach unten scrollen
und wie“ Oh toll, hier ist der Link zu meiner Website“.
Ich werde darauf klicken. Wieder, wenn Sie den 404-Fehler erhalten,
gibt es normalerweise zwei Gründe: Entweder Sie haben
etwas falsch geschrieben, was hier nicht der Fall ist, weil wir darauf geklickt haben,
wir haben nichts eingegeben.
Oder Sie müssen GitHub noch ein paar Minuten geben, um
alles hochzuladen, oder die dritte ist manchmal,
ich bin mir nicht genau sicher, warum, aber manchmal
scheint GitHub fast vergessen, nach index.html Datei zu suchen.
Also, ich werde „Enter“ drücken, und da gehen wir.
GitHub Pages ist also eine großartige freie Möglichkeit für Sie,
Ihren Code zu hosten und ihn mit
allen zu teilen, die Ihrer Meinung nach von Ihrer unglaublichen Arbeit beeindruckt sein werden.