Găzduirea website-ului tău pe Github

Github este o companie care găzduiește "repozitorii de cod", colecții de cod pentru proiecte. Multe dintre repozitoriile de cod sunt "surse open", ceea ce înseamnă că sunt la dispoziția publicului din întreaga lume. Asta este minunat, pentru că programatorii învață unii de la alții și construiesc pornind de la ce au făcut ceilalți! Chiar și Khan Academy are câteva repozitorii open source. Repozitoriile pot conține cod de variate tipuri, nu doar HTML și CSS - orice este necesar pentru ca un proiect să funcționeze.

De îți povestesc despre acestea? Ei bine, Github are o funcționalitate numită Pagini Github, care îți permite să creezi site-uri cu mai multe pagini și să le găzduiești la numeletau.github.io.

Vizitează github.com și vei vedea un formular de înregistrare pe prima pagină. (Dacă nu, felicitări, deja ai un cont! Poți să sari direct la Pasul 2).

Când îți alegi numele de utilizator, ține minte că el va fi public pe internet și va fi inclus în URL-ul site-ului tău: numeletau.github.io. Unora le place să folosească porecle sau nume distractive în loc de numele lor reale, mai ales din motive de securitate, dar depinde de tine ce îți alegi.

La Pasul 2, alege free plan. Nu ai nevoie de un plan contra cost pentru un repozitoriu public de site. (Poți oricând mai târziu să faci upgrade, în cazul în care vei deveni un utilizator împătimit al Github și vei avea nevoie de funcționalități pentru profesioniști.)

La Pasul 3, poți răspunde la întrebările dintr-un sondaj sau poți sări peste:

După ce completezi formularul pentru noul tău cont, asigură-te că verifici casuța de mail și apasă pe link pentru a confirma înscrierea cu acea adresă de email:

Imediat ce ai verificat adresa de email, vei vedea o pagină de pornire. Dă clic pe "Start a project".

În pagina de creare a proiectului, ți se va cere un nume pentru proiectul tău. Asigură-te că denumești proiectul exact “NUMELE_TAU_DE_UTILIZATOR.github.io”. Astfel, Github va ști că tu faci un proiect special pentru o pagină web, deci va ști să încarce fișierele tale la adresa URL a utilizatorului ori de câte ori le modifici. Deoarece numele meu de utilizator este "PamelaFoxBot", eu mi-am numit proiectul "PamelaFoxBot.github.io":

Felicitări, acum ai un nou proiect! Dar nu conține încă fișiere. O modalitate rapidă de a crea primul fișier este să dai clic pe link-ul "README":

Acum ești în editorul Github pentru crearea interfeței, pentru un fișier denumit README.md. Schimbă numele fișierului din README.md în index.html. Serverele vor ca numele fișierului de pornire pentru folderul unui site web să fie index.html. Index-ul tău poate fi legat după aceea la alte pagini ale site-ului.

Șterge conținutul curent al fișierului generat de editor și înlocuiește-l cu codul HTML al paginii tale. Poți copia codul HTML dintr-un proiect de pe Khan Academy sau dintr-un proiect pe care l-ai făcut pe calculator.

Derulează pagina web în jos până când gasești zona Commit și dă clic pe Commit new file”. De fiecare dată când creezi o nouă versiune a unui fișier, trebuie să dai “commit” pentru a o înregistra în istoric. Fiecare acțiune commit are un mesaj care descrie modificările. Github sugerează un mesaj implicit (în cazul acesta, “Create index.html”), dar tu poți să îl înlocuiești tastând în casetă.

Github are nevoie de 1-10 minute pentru a încărca modificările la proiect în interfața cu utilizatorul a URL-ului, deci trebuie să ai puțină răbdare. De asemenea, e posibil să fie necesară o "reîncărcare brută" (ține apăsată tasta Shift în timp ce se reîncarcă), pentru a curăța cache-ul browser-ului.

Poate deja lucrezi la un site web cu mai multe fișiere, în afara platformei Khan Academy, folosind un editor instalat pe calculator. Site-ul tău are mai multe fișiere HTML, CSS, JS și imagini.

Dacă vrei să încarci acel site pe Github, nu îți face griji, nu va trebui să copiezi fiecare fișier separat! Asta ar fi chiar supărător. Există o cale mai bună...

Vei vedea interfața Github pentru încărcarea de fișiere. Pentru a selecta fișierele, trage-le în spațiul casetei sau folosește selectorul de fișiere.

În general, vei încărca toate fișierele pe care le-ai modificat. Dacă nu ești sigur, încarcă tot. Github va folosi un algoritm pentru a determina ce a fost schimbat și ce nu și va genera noi versiuni doar pentru fișierele modificate.

Reamintește-ți că poate dura până la 10 minute. Aici răbdarea este prietena noastră. 😊

Acesta este un motiv pentru care e bine să faci munca de editare și testele local, pe calculator, și să încarci pe Github (sau pe orice alt spațiu de găzduire) abia când ești mulțumit de felul în care arată site-ul tău.