• February 15, 2016
    Používame generátor Jekyll na lokálnom počítači (SK)

    V predchádzajúcom príspevku som popisoval ako rozbehnúť vlastnú stránku / blog postavenú na statickom generátore stránok Jekyll, a platforme Github pages.

    V článku som spomenul, že lokálne nemám generátor nainštalovaný, a používam ho metódou ‘update’, commit, refresh, a ak bolo niečo zlé, zistil som to až keď sa na githup pages pregenerovala celá stránka. Nebolo príliš zdĺhavé, ale určite časové zdržanie od update, po refresh stránky tam bolo.

    Preto som sa rozhodol že vyskúšam si nainštalovať jekyll lokálne. Jekyll je postavený nad ruby, tak som mal obavu či to bude bez problémov fungovať. Našťastie som sa mýlil.

    Na inštaláciu som použil Chocolatey, je to manažér balíčkov pre windows. Niečo ako apt-get pre linux, alebo npm pre node.jš.

    Mať nainštalované ‘Chocolatey’ je jediná prerekvizita, aby vám dole uvedený postup fungoval.

    Ako nainštalovať Chocolatey?

    1. Otvorte si príkazový riadok s právami administrátora

    2. Nainštalujeme Chocolatey spustením príkazu

      @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

    3. Zatvoríme okno. Tento krok je dôležitý, aby sa nám opätovne načítali systémové premenné. A príkaz choco bol dostupný z konzoly.

    Ako nainštalovať Jekyll?

    Postup je tak isto veľmi jednoduchý.

    1. Otvorte si príkazový riadok

    2. Spustíme príkaz ktorým nainštalujeme programovací jazyk ruby

      choco install ruby -y

    3. Spustíme príkaz ktorým nainštalujeme samotný Jekyll

      gem install jekyll

    4. Zatvoríme okno príkazového riadka

    To je všetko, jekyll máme nainštalovaný. A ani to nebolelo, že? :)

    Vyskúšanie funkčnosti

    1. Otvorte si príkazový riadok

    2. Vojdeme do priečinka s našim jekyll projektom

      Ja mám umiestnený projekt v priečinku c:\dev\jekyll\test čiže spustím cd c:\dev\jekyll\test

    3. Spustíme príkaz

      jekyll serve


    Postup v obrázku

    Ak je jekyll schopný vygenerovať stránky, oznámi nám lokálnu webovú adresu kde si môžeme stránku prezrieť na lokálnom počítači. V našom prípade http://localhost:4000. Túto stránku si otvorte vo webovom prehliadači.

    Po každom uložení editovanej šablóny v projekte, jekyll automaticky pregeneruje stránku. (Ak zmeníte súbor _config.yml, tak je vhodné ukončiť bežiaci jekyll process “CTRL+C”, a spustiť ho opätovne jekyll serve)


    Myslím že toto som mohol používať už od začiatku a ušetriť si zopár minút času.

    Páčil sa ti príspevok ?

    Ak sa ti príspevok páčil môžeš ho zdielať na Twitteri alebo ma sleduj.

    Komentáre