Kako stvoriti web stranicu na GitHub stranicama: 12 koraka (sa slikama)

Sadržaj:

Kako stvoriti web stranicu na GitHub stranicama: 12 koraka (sa slikama)
Kako stvoriti web stranicu na GitHub stranicama: 12 koraka (sa slikama)

Video: Kako stvoriti web stranicu na GitHub stranicama: 12 koraka (sa slikama)

Video: Kako stvoriti web stranicu na GitHub stranicama: 12 koraka (sa slikama)
Video: Женщина в беде. 3 Сезон. Все серии. Криминальная Мелодрама. Лучшие Мелодрамы 2024, Maj
Anonim

GitHub Pages je odličan način da napravite svoju ličnu web lokaciju 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-om i svim elementima web stranice. Ovaj wikiHow će vam pokazati kako započeti.

Koraci

Kreirajte web stranicu na GitHub stranicama Korak 1
Kreirajte web stranicu na GitHub stranicama Korak 1

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 GitHub -u, svakako se prijavite. Obojici se može pristupiti sa gornje desne trake sa alatkama.

Kreirajte web stranicu na GitHub stranicama 2. korak
Kreirajte web stranicu na GitHub stranicama 2. korak

Korak 2. Kreirajte 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

Kreirajte web lokaciju na GitHub stranicama Korak 3
Kreirajte web lokaciju na GitHub stranicama Korak 3

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 veliko ljubičasto dugme "Preuzmi". Zatim pokrenite instalacijski program. Ovo je potrebno kako biste unijeli promjene u svoje spremište.

Kreirajte web stranicu na GitHub stranicama Korak 4
Kreirajte web stranicu na GitHub stranicama Korak 4

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.

Kreirajte web stranicu na GitHub stranicama Korak 5
Kreirajte web stranicu na GitHub stranicama Korak 5

Korak 3. Kreirajte 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 lokaciju vašeg spremišta na vašem tvrdom disku i stvoriti datoteku "index.html" u mapi spremišta na vašem disku.

Kreirajte web stranicu na GitHub stranicama Korak 6
Kreirajte web stranicu na GitHub stranicama Korak 6

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 sačuvati datoteku

Kreirajte web stranicu na GitHub stranicama Korak 7
Kreirajte web stranicu na GitHub stranicama Korak 7

Korak 5. Unesite promjene

Vratite se na radnu površinu GitHub -a i kliknite plavo dugme Commit to master. Zatim kliknite na Push Origin. Ovo će prenijeti promjene na GitHub.

Ako planirate napraviti više promjena, poželjet ćete povući i ishodište. Kliknite na dugme Povuci izvor na GitHub radnoj površini da preuzmete najnoviju urezivanje vašem računaru

Kreirajte web stranicu na GitHub stranicama Korak 8
Kreirajte web stranicu na GitHub stranicama Korak 8

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 Ctrl ili ⌘ Command dok kliknete na gumb za osvježavanje za pregled nove web stranice.

Metoda 2 od 2: Korištenje GitHub -a na mreži

Kreirajte web stranicu na GitHub stranicama Korak 9
Kreirajte web stranicu na GitHub stranicama Korak 9

Korak 1. Kreirajte datoteku pod nazivom "index.html"

Kliknite na Dodaj datoteku, a zatim na Kreiraj novu datoteku. Ovo će otvoriti uređivač datoteka. Dodajte "index.html" u polje "Name your file".

Kreirajte web stranicu na GitHub stranicama Korak 10
Kreirajte web stranicu na GitHub stranicama Korak 10

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 sačuvati datoteku

Kreirajte web stranicu na GitHub stranicama Korak 11
Kreirajte web stranicu na GitHub stranicama Korak 11

Korak 3. Unesite promjene

Kliknite na zeleno dugme Postavi novu datoteku da biste datoteku spremili na GitHub.

Kreirajte web stranicu na GitHub stranicama Korak 12
Kreirajte web stranicu na GitHub stranicama Korak 12

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 Ctrl ili ⌘ Command dok kliknete na gumb za osvježavanje za pregled nove web stranice.

Savjeti

  • Da biste dodali podstranice, 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 GitHub stranica moraju biti javna, osim ako nemate premium račun.

Preporučuje se: