GitHub Pages izvrstan je način da napravite svoju osobnu web stranicu od nule. Potpuno je besplatan i zahtijeva samo GitHub račun. Imajte na umu da GitHub Pages ne nudi dizajn koji je najjednostavniji za izradu web stranica (za razliku od Wixa ili Squarespacea), ali je odličan način za stjecanje iskustva s HTML/CSS/JS i svim elementima web stranice. Ovaj wikiHow će vam pokazati kako započeti.
Koraci
Korak 1. Registrirajte račun na GitHub -u, ako ga još nemate
Prije nego što možete stvoriti vlastitu web stranicu na GitHub stranicama, morate stvoriti račun na GitHubu. Ako već imate račun na GitHubu, svakako se prijavite. Obojici se može pristupiti s gornje desne trake s alatima.
Korak 2. Napravite spremište na GitHubu.
Pobrinite se da spremištu date naziv "[vaše korisničko ime za GitHub ovdje].github.io". Ovo će pokrenuti vašu GitHub web stranicu.
Metoda 1 od 2: Korištenje uređivača koda
Korak 1. Preuzmite GitHub radnu površinu, ako je već niste instalirali
Instaliranje GitHub radne površine jednostavno je poput odlaska na https://desktop.github.com/ i klikom na veliki ljubičasti gumb "Preuzmi". Zatim pokrenite instalacijski program. To je potrebno kako biste unijeli promjene u svoje spremište.
Korak 2. Instalirajte uređivač koda
Potreban vam je da biste dobili isticanje sintakse na GitHubu. Popularni izbori uključuju Atom, Visual Studio Code, Sublime Text i Notepad ++, s obzirom na njihov bogat i minimalistički osjećaj. Nakon instaliranja uređivača koda, spremni ste za početak.
Korak 3. Izradite datoteku pod nazivom "index.html"
To možete učiniti u uređivaču koda ili na mreži. Također možete otići na mjesto svog spremišta na tvrdom disku i stvoriti datoteku "index.html" u mapi spremišta na vašem disku.
Korak 4. Dodajte svoj HTML
Morat ćete naučiti HTML da biste mogli kodirati osnovnu web stranicu. Također će vam biti korisno naučiti CSS i JavaScript kako biste svojoj web stranici mogli dodati stil i funkcionalnost.
Ne zaboravite spremiti datoteku
Korak 5. Unesite promjene
Vratite se na radnu površinu GitHub i kliknite plavu tipku Postavi za ovladavanje. Zatim kliknite na Push Origin. Ovo će prenijeti promjene na GitHub.
Ako planirate unijeti više promjena, poželjet ćete povući i ishodište. Pritisnite gumb Povuci podrijetlo na radnoj površini GitHub -a da biste preuzeli najnovije urezivanje vašem stroju
Korak 6. Pregledajte svoju web stranicu
Idite na "[vaše korisničko ime za GitHub ovdje].github.io" u web -pregledniku. Možda ćete morati zaobići predmemoriju preglednika držanjem tipki Ctrl ili ⌘ dok pritisnete gumb za osvježavanje za pregled nove web stranice.
Metoda 2 od 2: Korištenje GitHub -a na mreži
Korak 1. Izradite datoteku pod nazivom "index.html"
Pritisnite Dodaj datoteku, a zatim Stvori novu datoteku. Ovo će otvoriti uređivač datoteka. Dodajte "index.html" u polje "Ime datoteke".
Korak 2. Dodajte svoj HTML
Morat ćete naučiti HTML da biste mogli kodirati osnovnu web stranicu. Također će vam biti korisno naučiti CSS i JavaScript kako biste svojoj web stranici mogli dodati stil i funkcionalnost.
Ne zaboravite spremiti datoteku
Korak 3. Unesite promjene
Pritisnite zeleni gumb Objavi novu datoteku za spremanje datoteke na GitHub.
Korak 4. Pregledajte svoju web stranicu
Idite na "[vaše korisničko ime za GitHub ovdje].github.io" u web -pregledniku. Možda ćete morati zaobići predmemoriju preglednika držanjem tipki Ctrl ili ⌘ dok pritisnete gumb za osvježavanje za pregled nove web stranice.
Savjeti
- Za dodavanje podstranica, jednostavno stvorite novu mapu na GitHubu i dodajte datoteku "index.html" u tu mapu.
- Ako registrirate naziv domene, možete omogućiti da GitHub stranice koriste taj naziv domene umjesto zadanog.
- Spremišta stranica GitHub -a moraju biti javna, osim ako nemate premium račun.