Kako ustvariti spletno mesto na straneh GitHub: 12 korakov (s slikami)

Kazalo:

Kako ustvariti spletno mesto na straneh GitHub: 12 korakov (s slikami)
Kako ustvariti spletno mesto na straneh GitHub: 12 korakov (s slikami)

Video: Kako ustvariti spletno mesto na straneh GitHub: 12 korakov (s slikami)

Video: Kako ustvariti spletno mesto na straneh GitHub: 12 korakov (s slikami)
Video: КЛАССНАЯ НОВИНКА С АРОМАТОМ ДУХОВ! Парфюмерша. 3 Сезон. 1-4 Серии. Мелодрама. Лучшие Сериалы 2024, April
Anonim

GitHub Pages je odličen način, da ustvarite svoje osebno spletno mesto iz nič. Je popolnoma brezplačen in potrebuje le račun za GitHub. Upoštevajte pa, da GitHub Pages ne ponuja najbolj uporabniku prijaznega oblikovanja za izdelavo spletnih mest (za razliko od Wix ali Squarespace), je pa odličen način za pridobivanje izkušenj s HTML/CSS/JS in vsemi elementi spletnega mesta. Ta wikiHow vam bo pokazal, kako začeti.

Koraki

Ustvarite spletno mesto na straneh GitHub 1. korak
Ustvarite spletno mesto na straneh GitHub 1. korak

Korak 1. Registrirajte račun na GitHubu, če ga še nimate

Preden lahko ustvarite svoje spletno mesto na straneh GitHub, morate ustvariti račun na GitHubu. Če že imate račun na GitHubu, se prijavite. Do obeh lahko dostopate iz zgornje desne orodne vrstice.

Ustvarite spletno mesto na straneh GitHub 2. korak
Ustvarite spletno mesto na straneh GitHub 2. korak

2. korak. Ustvarite skladišče na GitHubu.

Ne pozabite poimenovati skladišče "[vaše uporabniško ime za GitHub tukaj].github.io". To bo inicializiralo vaše spletno mesto GitHub.

Metoda 1 od 2: Uporaba urejevalnika kod

Ustvarite spletno mesto na straneh GitHub 3. korak
Ustvarite spletno mesto na straneh GitHub 3. korak

Korak 1. Prenesite namizje GitHub, če ga še nimate nameščenega

Namestitev namizja GitHub je tako preprosta, kot da obiščete https://desktop.github.com/ in kliknete na velik vijoličasti gumb »Prenesi«. Nato zaženite namestitveni program. To je potrebno za pospeševanje sprememb v vašem skladišču.

Ustvarite spletno mesto na straneh GitHub 4. korak
Ustvarite spletno mesto na straneh GitHub 4. korak

Korak 2. Namestite urejevalnik kod

Potrebujete ga, če želite na GitHubu poudariti sintakso. Priljubljene izbire vključujejo Atom, Visual Studio Code, Sublime Text in Notepad ++, glede na njihov bogat in minimalističen občutek. Po namestitvi urejevalnika kod ste pripravljeni na začetek.

Ustvarite spletno mesto na straneh GitHub 5. korak
Ustvarite spletno mesto na straneh GitHub 5. korak

Korak 3. Ustvarite datoteko z imenom "index.html"

To lahko storite v urejevalniku kod ali na spletu. Prav tako lahko odprete lokacijo svojega skladišča na trdem disku in ustvarite datoteko "index.html" v mapi skladišča na vašem disku.

Ustvarite spletno mesto na straneh GitHub 6. korak
Ustvarite spletno mesto na straneh GitHub 6. korak

Korak 4. Dodajte svoj HTML

Če želite kodirati osnovno spletno stran, se boste morali naučiti HTML. Koristno vam bo tudi, če se naučite CSS in JavaScript, da svoji spletni strani dodate stil in funkcionalnost.

Ne pozabite shraniti datoteke

Ustvarite spletno mesto na straneh GitHub 7. korak
Ustvarite spletno mesto na straneh GitHub 7. korak

Korak 5. Potrdite spremembe

Vrnite se na namizje GitHub in kliknite modri gumb Potrdi za obvladovanje. Nato kliknite Push Origin. To bo naložilo spremembe v GitHub.

Če nameravate narediti več sprememb, boste želeli potegniti tudi izvor. Kliknite gumb Povlecite izvor na namizju GitHub, če želite prenesti najnovejšo izdajo za vašo napravo

Ustvarite spletno mesto na straneh GitHub 8. korak
Ustvarite spletno mesto na straneh GitHub 8. korak

Korak 6. Oglejte si svojo spletno stran

V spletnem brskalniku pojdite na "[vaše uporabniško ime za GitHub tukaj].github.io". Morda boste morali zaobiti predpomnilnik brskalnika tako, da pritisnete Ctrl ali ⌘ Command, medtem ko kliknete gumb za osvežitev, da si ogledate novo spletno stran.

Metoda 2 od 2: Uporaba GitHub Online

Ustvarite spletno mesto na straneh GitHub 9. korak
Ustvarite spletno mesto na straneh GitHub 9. korak

Korak 1. Ustvarite datoteko z imenom "index.html"

Kliknite Dodaj datoteko in nato Ustvari novo datoteko. S tem se odpre urejevalnik datotek. Dodajte "index.html" v polje "Poimenujte svojo datoteko".

Ustvarite spletno mesto na straneh GitHub 10. korak
Ustvarite spletno mesto na straneh GitHub 10. korak

Korak 2. Dodajte svoj HTML

Če želite kodirati osnovno spletno stran, se boste morali naučiti HTML. Koristno vam bo tudi, če se naučite CSS in JavaScript, da svoji spletni strani dodate stil in funkcionalnost.

Ne pozabite shraniti datoteke

Ustvarite spletno mesto na straneh GitHub 11. korak
Ustvarite spletno mesto na straneh GitHub 11. korak

Korak 3. Potrdite spremembe

Kliknite zeleni gumb Pošlji novo datoteko, da datoteko shranite v GitHub.

Ustvarite spletno mesto na straneh GitHub 12. korak
Ustvarite spletno mesto na straneh GitHub 12. korak

Korak 4. Oglejte si svojo spletno stran

V spletnem brskalniku pojdite na "[vaše uporabniško ime za GitHub tukaj].github.io". Morda boste morali zaobiti predpomnilnik brskalnika, tako da pritisnete Ctrl ali ⌘ Command, medtem ko kliknete gumb za osvežitev, da si ogledate novo spletno stran.

Nasveti

  • Če želite dodati podstrani, preprosto ustvarite novo mapo na GitHubu in v to mapo dodajte datoteko "index.html".
  • Če registrirate ime domene, lahko GitHub Pages uporablja to ime domene namesto privzetega.
  • Skladišča strani GitHub morajo biti javna, razen če imate premium račun.

Priporočena: