GitHub Pages este o modalitate excelentă de a vă crea propriul site personal de la zero. Este complet gratuit și necesită doar un cont GitHub. Rețineți, însă, că GitHub Pages nu oferă designul cel mai ușor de utilizat pentru realizarea de site-uri web (spre deosebire de Wix sau Squarespace), dar este o modalitate excelentă de a câștiga experiență cu HTML / CSS / JS și cu toate elementele unui site web. Acest wikiHow vă va arăta cum să începeți.
Pași
Pasul 1. Înregistrați un cont pe GitHub, dacă nu aveți încă unul
Înainte de a vă putea crea propriul site web pe paginile GitHub, trebuie să vă creați un cont pe GitHub. Dacă aveți deja un cont pe GitHub, asigurați-vă că vă autentificați. Ambele pot fi accesate din bara de instrumente din dreapta sus.
Pasul 2. Creați un depozit pe GitHub.
Asigurați-vă că numiți depozitul „[numele dvs. de utilizator GitHub aici].github.io”. Aceasta va inițializa site-ul dvs. GitHub.
Metoda 1 din 2: Utilizarea unui editor de cod
Pasul 1. Descărcați desktopul GitHub, dacă nu îl aveți deja instalat
Instalarea desktopului GitHub este la fel de simplă ca accesarea https://desktop.github.com/ și apăsarea butonului violet „Descărcați”. Apoi rulați programul de instalare. Acest lucru este necesar pentru a împinge modificările în depozitul dvs.
Pasul 2. Instalați un editor de cod
Aveți nevoie de unul pentru a obține evidențierea sintaxei pe GitHub. Opțiunile populare includ Atom, Visual Studio Code, Sublime Text și Notepad ++, având în vedere senzația lor bogată în caracteristici și minimalistă. După instalarea unui editor de cod, sunteți gata să începeți.
Pasul 3. Creați un fișier numit „index.html”
Puteți face acest lucru în editorul de cod sau online. De asemenea, puteți merge la locația depozitului dvs. de pe hard disk și puteți crea un fișier „index.html” în dosarul depozitului de pe unitatea dvs.
Pasul 4. Adăugați codul HTML
Va trebui să învățați HTML pentru a putea codifica o pagină web de bază. De asemenea, vă va fi util să învățați CSS și JavaScript, astfel încât să puteți adăuga stil și funcționalitate paginii dvs. web.
Nu uitați să salvați fișierul
Pasul 5. Confirmați modificările
Reveniți la desktopul GitHub și faceți clic pe butonul albastru Commit to master. Apoi faceți clic pe Push Origin. Aceasta va încărca modificările în GitHub.
Dacă intenționați să faceți mai multe modificări, veți dori să extrageți și originea. Faceți clic pe butonul Trageți originea de pe desktopul GitHub pentru a descărca cea mai recentă confirmare pe computer
Pasul 6. Vizualizați pagina dvs. web
Accesați „[numele dvs. de utilizator GitHub aici].github.io” într-un browser web. Este posibil să trebuiască să ocoliți memoria cache a browserului ținând apăsat Ctrl sau ⌘ Comandă în timp ce faceți clic pe butonul de reîmprospătare pentru a vizualiza noua pagină web.
Metoda 2 din 2: Utilizarea GitHub Online
Pasul 1. Creați un fișier numit „index.html”
Faceți clic pe Adăugare fișier, apoi faceți clic pe Creați fișier nou. Aceasta va deschide un editor de fișiere. Adăugați „index.html” în câmpul „Denumiți fișierul”.
Pasul 2. Adăugați codul HTML
Va trebui să învățați HTML pentru a putea codifica o pagină web de bază. De asemenea, vă va fi util să învățați CSS și JavaScript, astfel încât să puteți adăuga stil și funcționalitate paginii dvs. web.
Nu uitați să salvați fișierul
Pasul 3. Realizați modificările
Faceți clic pe butonul verde Commit new file pentru a salva fișierul în GitHub.
Pasul 4. Vizualizați pagina dvs. web
Accesați „[numele dvs. de utilizator GitHub aici].github.io” într-un browser web. Este posibil să trebuiască să ocoliți memoria cache a browserului ținând apăsat Ctrl sau ⌘ Comandă în timp ce faceți clic pe butonul de reîmprospătare pentru a vizualiza noua pagină web.
sfaturi
- Pentru a adăuga subpagini, pur și simplu creați un folder nou pe GitHub și adăugați un fișier „index.html” în acel folder.
- Dacă înregistrați un nume de domeniu, puteți cere ca GitHub Pages să utilizeze acel nume de domeniu în locul valorii implicite.
- Depozitele de pagini GitHub trebuie să fie publice, cu excepția cazului în care aveți un cont premium.
