Cum de a crea un site web pe paginile GitHub: 12 pași (cu imagini)

Paginile GitHub este o modalitate excelentă de a vă face propriul site personal de la zero.Este complet gratuit și necesită doar un cont GitHub.Notă, totuși, paginile Github nu oferă cel mai ușor de design pentru a face site-uri web (spre deosebire de Wix sau Square), dar este o modalitate excelentă de a câștiga experiență cu HTML / CSS / JS și toate elementele unui site web.Thiswill vă arată cum să începeți.

Pași

Înregistrați un cont pe GitHub, Dacă nu aveți încă una.Înainte de a vă putea crea propriul site web pe paginile GitHub, trebuie să creați un cont pe GitHub.Dacă aveți deja un cont pe GitHub, asigurați-vă că vă conectați.Ambele pot fi accesate din bara de instrumente din dreapta sus.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 2

Creați un depozit pe GitHub.Asigurați-vă că doriți să numiți depozitul "[Numele de utilizator Github aici].Github.io".Acest lucru va inițializa site-ul dvs. GitHub.

Metoda 1 din 2:

Utilizarea unui editor de coduri

1. Descărcați GitHub Desktop, dacă nu aveți deja instalat.Instalarea desktopului GitHub este la fel de simplă ca și la HTTPS: // desktop.Github.COM / și făcând clic pe purpuriu mare "Descarca" buton.Apoi executați instalatorul.Acest lucru este necesar pentru a împinge schimbările în depozitul dvs.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 4

2. Instalați un editor de coduri.Aveți nevoie de unul pentru a obține sintaxa care evidențiază pe GitHub.Alegerile populare includ Atom, Codul Visual Studio, Textul sublim, și Notepad++, având în vedere simțul lor bogat și minimalist.După instalarea unui editor de cod, sunteți gata să începeți.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 5

3. Creați un fișier numit "index.HTML".Puteți face acest lucru în editorul de coduri sau online.De asemenea, puteți merge la locația repositoriei pe hard disk și puteți crea un "index.HTML" Fișier în dosarul repositoriei de pe unitatea dvs.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 6

4. Adăugați-vă HTML.Va trebui sa Aflați HTML Pentru a putea codifica o pagină web de bază.De asemenea, va fi util să învățați Css și jаvascript astfel încât să puteți adăuga stilul și funcționalitatea pe pagina dvs. web.

Nu uitați să salvați fișierul.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 7

5. Să comită schimbările.Reveniți la desktopul GitHub și faceți clic pe butonul Blue Comitent to Master.Apoi faceți clic pe Push Origin.Acest lucru va încărca modificările aduse GitHub.

Dacă intenționați să faceți mai multe modificări, veți dori să trageți și originea.Faceți clic pe butonul de origine Pull din GitHub Desktop pentru a descărca cel mai recent angajat la aparatul dvs.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 8

6. Vizualizați pagina dvs. web.Mergi la "[Numele de utilizator Github aici].Github.io" Într-un browser web.Este posibil să trebuiască să ocoliți memoria cache a browserului dvs Ctrl sau comanda ⌘ în timp ce faceți clic pe butonul Refresh pentru a vizualiza noua pagină web.

Metoda 2 din 2:

Utilizarea online a lui Github

1. Creați un fișier numit "index.HTML".Faceți clic pe Adăugați fișier, apoi faceți clic pe Creare fișier nou.Acest lucru va deschide un editor de fișiere.Adăuga "index.HTML" la "Denumiți fișierul dvs." camp.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 10

2. Adăugați-vă HTML.Va trebui sa Aflați HTML Pentru a putea codifica o pagină web de bază.De asemenea, va fi util să învățați Css și jаvascript astfel încât să puteți adăuga stilul și funcționalitatea pe pagina dvs. web.

Nu uitați să salvați fișierul.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 11

3. Să comită schimbările.Faceți clic pe butonul de fișier nou comiteu pentru a salva fișierul la GitHub.

Imagine intitulată Creați un site web pe paginile GitHub Pasul 12

4. Vizualizați pagina dvs. web.Mergi la "[Numele de utilizator Github aici].Github.io" Într-un browser web.Este posibil să trebuiască să ocoliți memoria cache a browserului dvs Ctrl sau comanda ⌘ în timp ce faceți clic pe butonul Refresh pentru a vizualiza noua pagină web.