Jak se tvoří web

1. Napiš
2. Zkontroluj
3. Nahraj na server
4. Opakuj

Jenže…

• Ruční nahrávání stránek je otrava
• Změny se těžko berou zpět

Co je to Git?

• Verzovací nástroj
• Ukládá změny v souborech
• Usnadňuje sdílení změn s ostatními

Co je to GitHub

• Služba pro spolupráci s Gitem
• Aplikace pro práci s Gitem

Co je to GitHub

Git není jen pro programátory

• 3D modely (včetně zobrazení rozdílů)
• mapy
• recepty
• vládní data a dokumenty
• psaní a publikování,
• a více…

Termiti

• repozitář (repository)
• commit
• větev (branch)
• push a pull
• fork

Zkusme si to

1. Nainstalujte si GitHub pro desktop na desktop.github.com
2. Zaregistrujte si účet na GitHubu a přihlaste se v aplikaci; nezapomeňte potvrdit svůj e-mail!
3. Vytvořte si nový repozitář, např. pokus
4. V něm vytvořte novou větev gh-pages
5. V ní vytvořte soubor index.html a publikujte repozitář na GitHub!

Výsledek

…výsledek naleznete na adrese <váš username>.github.io/<název repozitáře>.

Takže pokud můj username je uzivatel a repozitář jsem pojmenoval pokus, výsledek najdu na: uzivatel.github.io/pokus.

A co takhle vlastní blog?

Statické a dynamické stránky

Jaký je rozdíl třeba mezi Jekyllem a WordPressem?

Statické stránky

Soubor se stránkou (např. index.html) je uložený na disku serveru. Server jej rovnou pošle prohlížeči.

Dynamické stránky

Generátor statických stránek

GitHub Pages

Co Jekyll umí?

• Opakované prvky na stránce (např. navigace) můžete dát do šablony,
• automaticky generuje přehled článků a kategorie,
• články umožňuje psát v Markdownu

…a více viz jekyllrb.com.

Markdown?

…je jednoduchý značkovací jazyk který umožňuje formátovat text jednodušeji než HTML. Například:

Tento text je **tučně** a tento _kurzivou_.
Toto je [odkaz na web Czechitas](http://www.czechitas.cz/).

vytvoří:

Tento text je tučně a tento kurzivou. Toto je odkaz na web Czechitas.

(Většina této prezentace je psaná v Markdownu)

Zkusme si to

1. „Forkněte“ si ukázkový blog
2. Upravte text v souboru o-mne.md nebo nějaký soubor v adresáři _posts
   Soubory můžete upravit i přímo na GitHubu, když kliknete na příslušný soubor a vpravo nahoře na ikonu tužky.
3. Podívejte se na výsledek na <váš username>.github.io/czechipub-blog!

Pokud nemůžete váš blog najít zkontrolujte si nastavení repozitáře (položka Settings s ozubeným kolem v pravém menu); v panelu GitHub Pages byste měli vidět adresu vašeho blogu.

Zdroje a odkazy

• Try Git vás provede podrobně používáním Gitu na příkazové řádce.
• GitBook zjednodušuje psaní a publikaci knížek s pomocí Gitu.
• Markdown Tutorial vás provede psaním v Markdownu.
• Jekyll
• GitHub Pages