Stránky GitHub sú skvelým spôsobom, ako si vytvoriť svoj vlastný osobný web od začiatku. Je úplne zadarmo a vyžaduje iba účet GitHub. Všimnite si však, že stránky GitHub neponúkajú užívateľsky najpríjemnejší dizajn na vytváranie webových stránok (na rozdiel od Wix alebo Squarespace), ale je to skvelý spôsob, ako získať skúsenosti s HTML/CSS/JS a všetkými prvkami webovej stránky. Tento wikiHow vám ukáže, ako začať.
Kroky
Krok 1. Zaregistrujte si účet na GitHub, ak ho ešte nemáte
Predtým, ako si budete môcť vytvoriť svoj vlastný web na stránkach GitHub, musíte si vytvoriť účet na GitHub. Ak už máte účet na GitHub, prihláste sa. K obom je prístup z pravého horného panela s nástrojmi.
Krok 2. Vytvorte úložisko na GitHub.
Úložisko pomenujte „[vaše používateľské meno pre GitHub tu].github.io“. Tým sa inicializuje váš web GitHub.
Metóda 1 z 2: Použitie editora kódu
Krok 1. Stiahnite si pracovnú plochu GitHub, ak ju ešte nemáte nainštalovanú
Inštalácia pracovnej plochy GitHub je taká jednoduchá, ako prejsť na stránku https://desktop.github.com/ a kliknúť na veľké fialové tlačidlo „Stiahnuť“. Potom spustite inštalátor. Je to potrebné na odoslanie zmien do vášho archívu.
Krok 2. Nainštalujte editor kódu
Jeden potrebujete, aby ste na GitHube zvýraznili syntax. Medzi obľúbené možnosti patrí Atom, Visual Studio Code, Sublime Text a Notepad ++, vzhľadom na ich bohatý a minimalistický dojem. Po inštalácii editora kódu ste pripravení začať.
Krok 3. Vytvorte súbor s názvom „index.html“
Môžete to urobiť v editore kódu alebo online. Môžete tiež prejsť na svoje úložisko na pevnom disku a vytvoriť súbor "index.html" v priečinku úložiska na vašom disku.
Krok 4. Pridajte svoj HTML
Aby ste mohli kódovať základnú webovú stránku, musíte sa naučiť HTML. Bude tiež užitočné naučiť sa CSS a JavaScript, aby ste na svoju webovú stránku mohli pridať štýl a funkcie.
Nezabudnite súbor uložiť
Krok 5. Vykonajte zmeny
Vráťte sa na pracovnú plochu GitHub a kliknite na modré tlačidlo Potvrdiť na predlohu. Potom kliknite na Push Origin. Tým sa zmeny nahrajú na GitHub.
Ak plánujete vykonať ďalšie zmeny, budete chcieť vytiahnuť aj pôvod. Kliknutím na tlačidlo Prevziať pôvod na ploche GitHub si stiahnete najnovšie potvrdenie do svojho počítača
Krok 6. Zobrazte svoju webovú stránku
Prejdite vo webovom prehliadači na „[vaše používateľské meno GitHub tu].github.io“. Na zobrazenie novej webovej stránky bude možno potrebné obísť vyrovnávaciu pamäť prehliadača podržaním klávesu Ctrl alebo ⌘ a kliknutím na tlačidlo obnovenia.
Metóda 2 z 2: Používanie GitHub Online
Krok 1. Vytvorte súbor s názvom „index.html“
Kliknite na položku Pridať súbor a potom na položku Vytvoriť nový súbor. Otvorí sa editor súborov. Do poľa „Pomenujte svoj súbor“pridajte „index.html“.
Krok 2. Pridajte svoj HTML
Aby ste mohli kódovať základnú webovú stránku, musíte sa naučiť HTML. Bude tiež užitočné naučiť sa CSS a JavaScript, aby ste na svoju webovú stránku mohli pridať štýl a funkcie.
Nezabudnite súbor uložiť
Krok 3. Vykonajte zmeny
Kliknutím na zelené tlačidlo Potvrdiť nový súbor uložíte súbor na GitHub.
Krok 4. Zobrazte svoju webovú stránku
Prejdite vo webovom prehliadači na „[vaše používateľské meno GitHub tu].github.io“. Na zobrazenie novej webovej stránky bude možno potrebné obísť vyrovnávaciu pamäť prehliadača podržaním klávesu Ctrl alebo ⌘ a kliknutím na tlačidlo obnovenia.
Tipy
- Ak chcete pridať podstránky, jednoducho vytvorte nový priečinok na GitHub a pridajte do neho priečinok „index.html“.
- Ak si zaregistrujete názov domény, stránky GitHub môžu nechať stránky používať namiesto predvoleného mena.
- Úložiská stránok GitHub musia byť verejné, pokiaľ nemáte prémiový účet.