Jekyll, Obama ajánlásával

Static site generator for the win

A Jekyll egy jó megoldás arra, hogy valaki saját blogot vagy épp portfólió oldalt indítson magának. Anno Obama kampány oldalát szintén Jekyll-el készítették. Ha nem ismernéd, had magyarázzam el gyorsan mi is ez!

Static Site Generator

800x400

A Jekyll kész statikus HTML oldalakat generál:

  1. Csinálsz sablonokat és csinálsz content szöveget
  2. A Jekyll elvégzi a varázslatot
  3. Kapsz egy generált oldalt, amit 
  4. hostolhatsz és már kész is

Miért is jó nekünk ez?

Nincs tartalomkezelő rendszer (CMS), nincs adatbazi. Gyors, egyszerű kezelni és karban tartani. Flexibilis, ha új funkciókat akarunk beépíteni az oldalunkba (pl. disquos). Nem is csoda, hogy manapság kezdenek visszajönni a divatba. Csak néhány lehetőség: Middleman, Hexo, Hugo, de akár Reacttal is lehet dolgozni, érdemes utána nézni, hogy melyik a legmegfelelőbb számunkra. Ha akarjuk akár Github-on is hostolhatjuk ingyen. Ebben az esetben csak egy domaint kell vennünk és máris menők vagyunk, de ezt nem muszáj. Mehet a [felhasználónév].github.io alatt is Github Pages segítségével. Vállalkozó szellemű hobbi frontendesek — …én — akár blog motornak is használhatják. Erről majd később külön postot írok, mert a blogolás elég érdekes vele.

A tartalmainkat / bejegyzéseinket Markdown segítségével írhatjuk meg, ami nagyon kényelmessé teszi a cikkgyártást. Ezzel egy sokkal olvashatóbb, felhasználóbarátabb formátumban írhatunk. A végeredmény természetesen HTML kód lesz.

A Jekyll-hez először telepítenünk kell a Rubyt, utána kezdőthet a munka. A template nyelv Liquid, amit nem kisebb cég mint a Shopify fejlesztett és használják is régóta. Markdown-t használunk a kontent megírásához, majd ebből generál nekünk statikus HTML oldalakat.

De hogyan is néz ki ez a gyakorlatban?

A Ruby egy program nyelv, amiben a Jekyll is íródott. Igazi Japán cucc. :) Enélkül nehézkesen lehetne szerkeszteni az új oldalunkat. Github-on lehetésges, de nem túl kényelmes. Szóval a Ruby-t itt tudjátok letölteni. 

Ha ez meg van akkor a parancssorból lehet telepíteni a Jekyll-t és a Bundlert:

gem install jekyll bundler

A Bundler egy package manager Ruby-hoz. Ezek után létrehozhatjuk az első projektünket!

jekyll new grid-blog

Hogy elérjük a munkánkat local-on le kell generáltatni az oldalt. Ehhez először mappánkban nyitni kell egy parancssort

bundle exec jekyll serve

800x400

http://localhost:4000 címen érjük el az új oldalunkat, ami kezdetben egy sablon blog lesz. Kezdőthet a munka! :) A következő részben a Jekyll blogokról lesz szó és hogy én miért is választottam ezt.

Köszi, hogy elolvastad. Oszd meg a barátaiddal is!
Twitter Facebook