Stránky GitHub jsou skvělý způsob, jak vytvořit vlastní osobní web od nuly. Je zcela zdarma a vyžaduje pouze účet GitHub. Pamatujte však, že stránky GitHub nenabízejí uživatelsky nejpřívětivější design pro vytváření webových stránek (na rozdíl od Wix nebo Squarespace), ale je to skvělý způsob, jak získat zkušenosti s HTML/CSS/JS a všemi prvky webových stránek. Tento wikiHow vám ukáže, jak začít.
Kroky
Krok 1. Zaregistrujte si účet na GitHubu, pokud jej ještě nemáte
Než si na stránkách GitHub vytvoříte vlastní web, musíte si na GitHubu vytvořit účet. Pokud již účet na GitHubu máte, přihlaste se. K oběma se dostanete z pravého horního panelu nástrojů.
Krok 2. Vytvořte úložiště na GitHubu.
Úložiště pojmenujte „[vaše uživatelské jméno pro GitHub zde].github.io“. Tím se inicializuje váš web GitHub.
Metoda 1 ze 2: Použití editoru kódu
Krok 1. Stáhněte si plochu GitHub, pokud ji ještě nemáte nainstalovanou
Instalace plochy GitHub je stejně jednoduchá jako přejděte na https://desktop.github.com/ a klikněte na velké fialové tlačítko „Stáhnout“. Poté spusťte instalační program. To je nutné k tomu, aby se změny mohly projevit ve vašem úložišti.
Krok 2. Nainstalujte si editor kódu
Jeden potřebujete, abyste na GitHubu zvýraznili syntaxi. Mezi oblíbené možnosti patří Atom, Visual Studio Code, Sublime Text a Notepad ++, vzhledem k jejich bohatému a minimalistickému dojmu. Po instalaci editoru kódu jste připraveni začít.
Krok 3. Vytvořte soubor s názvem „index.html“
Můžete to udělat v editoru kódu nebo online. Můžete také přejít do umístění úložiště na pevném disku a vytvořit soubor „index.html“ve složce úložiště na vašem disku.
Krok 4. Přidejte svůj HTML
Abyste mohli kódovat základní webovou stránku, budete se muset naučit HTML. Bude také užitečné naučit se CSS a JavaScript, abyste mohli na svou webovou stránku přidat styl a funkce.
Nezapomeňte soubor uložit
Krok 5. Potvrďte změny
Vraťte se na plochu GitHub a klikněte na modré tlačítko Potvrdit předlohu. Poté klikněte na Push Origin. To nahraje změny na GitHub.
Pokud plánujete provést další změny, budete chtít také vytáhnout původ. Kliknutím na tlačítko Pull origin na ploše GitHub stáhnete nejnovější potvrzení do svého počítače
Krok 6. Zobrazte svou webovou stránku
Ve webovém prohlížeči přejděte na „[vaše uživatelské jméno pro GitHub zde].github.io“. Chcete -li zobrazit novou webovou stránku, bude možná nutné vynechat mezipaměť prohlížeče podržením klávesy Ctrl nebo ⌘ při kliknutí na tlačítko Obnovit.
Metoda 2 ze 2: Použití GitHub Online
Krok 1. Vytvořte soubor s názvem „index.html“
Klikněte na Přidat soubor a poté na Vytvořit nový soubor. Otevře se editor souborů. Přidejte "index.html" do pole "Pojmenujte svůj soubor".
Krok 2. Přidejte svůj HTML
Abyste mohli kódovat základní webovou stránku, budete se muset naučit HTML. Bude také užitečné naučit se CSS a JavaScript, abyste mohli na svou webovou stránku přidat styl a funkce.
Nezapomeňte soubor uložit
Krok 3. Potvrďte změny
Kliknutím na zelené tlačítko Potvrdit nový soubor uložíte soubor na GitHub.
Krok 4. Zobrazte svou webovou stránku
Ve webovém prohlížeči přejděte na „[vaše uživatelské jméno pro GitHub zde].github.io“. Chcete -li zobrazit novou webovou stránku, bude možná nutné vynechat mezipaměť prohlížeče podržením klávesy Ctrl nebo ⌘ při kliknutí na tlačítko Obnovit.
Tipy
- Chcete -li přidat podstránky, jednoduše vytvořte novou složku na GitHubu a přidejte do ní složku „index.html“.
- Pokud si zaregistrujete název domény, můžete nechat stránky GitHub použít toto jméno domény namísto výchozího.
- Úložiště stránek GitHub musí být veřejná, pokud nemáte prémiový účet.