Quindi, diciamo che hai trovato un bel sito.
Ne ho uno proprio qui.
Ho intenzione di fare clic sul mio file index.html
e ho alcune immagini in esso.
Ho un file speciale chiamato CSS che
potresti non avere ancora familiarità con, ma va bene.
Ma vediamo come appare il mio sito.
Ci siamo, su.
Ecco solo una piccola pagina che ho fatto su di me con un po 'di formattazione.
Ma se si controlla e si tipo di guardare nell'angolo in alto,
si può vedere che questo sito non è dal vivo.
Il fatto che dica, file colon,
così avanti, non posso condividerlo con altre persone che vivono.
Posso inviare loro il mio codice via email,
potrei dire a qualcuno, «Oh guarda,
ho creato una pagina web», e poi ho potuto inviare loro
questo file e tutte le immagini e tutto il resto,
ma questo è un po 'un dolore.
Quindi, proviamo a far sì che questo sito diventi attivo sul mio account GitHub Pages.
Quindi, torna qui,
al mio account GitHub che se non hai ancora creato, va bene.
Ho un altro video,
vai a creare il tuo account e torna qui a incontrarci.
Ma a parte questo,
farò il mio primo account live.
Ancora una volta, ho intenzione di salire e fare un vantaggio per un nuovo repository.
Fondamentalmente, considera una nuova cartella piena di codice.
L' ultima volta avevo bisogno di stare molto attento con il mio nome del repository, non questa volta.
Ho solo intenzione di chiamare questo,
diciamo campione, cerco molto duramente di tenerlo in minuscolo.
È possibile includere il piccolo come trattino,
ma nessun carattere speciale.
Quindi, ho intenzione di lasciarlo come campione.
Molto importante, ho intenzione di fare clic su,» Inizializzare questo repository con un Read Me,
e faccio clic su questo,
e ho intenzione di fare clic su «Crea repository».
Quindi, GitHub in questo momento sta creando un nuovo sito per me per caricare il mio codice.
Ora, le persone che usano GitHub per,
sto per dire come reale,
stanno effettivamente facendo un sacco di cose dalle
righe di comando e devono memorizzare un sacco di cose.
Non lo stiamo facendo.
Stiamo solo usando GitHub Pages per ospitare il nostro codice.
Quindi, facciamo clic su «Carica file».
Ora, ecco una parte difficile,
se dovessi fare clic su «Scegli i tuoi file»,
potrei farlo e potrei passare attraverso e scegliere,
beh, ho bisogno di questo file e quello,
ma non mi permetterà di caricare intere cartelle.
Vedi se faccio clic su CSS e faccio clic su Apri, è come, «Oh,
è questo il file che vuoi?» ,
non voglio questo, voglio tutto, non solo file.
Quindi, clicco su «Aggiungi».
Quello che sto per fare è andare qui,
e sto per tornare indietro, uno,
e ho intenzione di trascinare tutta questa cartella tutto in una volta,
e questo mi permetterà di caricare tutti i file che voglio.
Il prossimo errore che faccio tutto il tempo è che mi dimentico di andare
fino in fondo e dire,» Commit modifiche».
Quindi, questo è il primo passo di due passaggi per rendere il tuo sito andare in diretta.
Il primo passo è solo quello di caricare i file.
Ancora una volta, il completamento potrebbe richiedere alcuni minuti.
Quindi, mentre sta succedendo,
vado su, lassù e poi salgo.
Quindi, quello che ho intenzione di fare clic su ora è,
ho intenzione di salire e fare clic su «Impostazioni». Va bene.
Ora, quello che devo fare è che devo dire, «Ehi,
se qualcuno vuole vedere il mio sito,
non voglio che veda il mio codice.
Voglio che vedano la mia pagina reale.»
Quindi, ho intenzione di tornare qui,
e ho intenzione di scorrere verso il basso,
scorrere verso il basso su questo mouse,
e quello che sto cercando è un sito che dice, «Pagine GitHub».
Vai su nessuno e scegli il ramo principale e salva. Va bene.
Non si sa mai se ha funzionato o no.
Quindi, ho intenzione di tornare giù di nuovo,
fare clic qui e tornare indietro,
e se vado giù alle pagine GitHub, ora mi dirà,
«Ehi, il tuo codice è ora proprio qui».
Quindi, ho intenzione di fare clic su questo,
e non è raro dire, hey,
non hai ancora nulla o qualcosa del genere.
Quindi, quello che sto per fare è
tornare al mio codice e dire, «Ok».
Qual era il nome della cartella che ho trascinato su?
Oh, era campionatore,
e qual era il nome del mio file?
Speriamo che fosse index.html ed è, fantastico.
Ho intenzione di andare proprio qui,
e ora quando faccio clic,
ho ricevuto un errore 404.
Non preoccuparti, succedera' molto.
La prima cosa da controllare e'
che hai fatto un errore di battitura?
Sì, ho scritto campione invece di campionatore.
Quindi, mettiamo quella r lì dentro.
Ora, ho intenzione di premere Invio e c'è il mio sito. Va bene.
Quindi, cosa puoi fare,
i due passaggi per creare questo account GitHub è caricare
il tuo file e quindi modificare quel tipo di link per GitHub Pages per attivarlo.
Una volta fatto ciò,
è possibile caricare tutte le cose che si desidera.
Faro' un'altra cosa con te, pero', molto velocemente.
Tornerò al mio account GitHub
e lo farò ancora una volta ma leggermente diverso.
Voglio andare su github.com.
Ho intenzione di fare un altro repository.
Ho intenzione di chiamare questo,
campione due, e questa volta,
ho intenzione di dimenticare e non ho intenzione di fare clic su questo Read Me.
Cliccheremo sul repository.
Oh! Beh, ora non c'e' posto dove fare clic su quel file
di caricamento, e ti senti bloccato.
Se lo dimentichi, scorri verso l'alto fino al link Leggimi sulla pagina,
e fai clic su di esso e io sono effettivamente crea il ReadMe.
Sta per andare giù.
Giusto per sapere, commit nuovo file è
l'equivalente di salvare i file per quello che facciamo nel nostro desktop.
Quindi ora posso caricare i file.
Lo faro' ancora una volta per mostrarti
un altro modo probabilmente piu' semplice. Io torno qui.
Prima di trascinare l'intera cartella campionatore,
questa volta ho intenzione di afferrare qui.
Si stanno caricando tutti.
Ho intenzione di fare clic su «Commit Changes».
Mentre questo sta accadendo,
voglio che tu pensi:» Qual è stato quel secondo passo?
Qual è stato il passo successivo che ha detto che dovevo fare?»
Questo passaggio è quello di andare nelle impostazioni e aggiungere le pagine GitHub.
Quindi, andiamo alle impostazioni.
Su, sta andando a, proprio qui.
Scorri verso il basso al ramo Master
e salva, e poi dal momento che voglio essere un po 'pigro,
ho solo intenzione di scorrere giù qui di nuovo,
ed essere come» Oh grande, ecco il link al mio sito».
Ho intenzione di fare clic su di esso. Ancora una volta, quando ricevi l'errore 404,
di solito ci sono due motivi: o hai scritto
qualcosa di sbagliato che non è il caso qui perché abbiamo cliccato su di esso,
non abbiamo digitato nulla in.
Oppure devi dare a GitHub qualche altro minuto per
caricare tutto o il terzo è a volte,
non sono esattamente sicuro del perché, ma a volte,
GitHub sembra quasi dimenticare di cercare il file index.html.
Quindi, premerò «Invio» ed eccoci.
Quindi, GitHub Pages è un ottimo modo gratuito per ospitare
il tuo codice e condividerlo con
tutti coloro che pensi saranno impressionati dal tuo incredibile lavoro.