Lucrez de câțiva ani cu WordPress. Am creat cu acesta de la simple bloguri personale, la site-uri de companie sau magazine online. WordPress este o aplicație ideală pentru oricine dorește să-și facă un blog sau un site. Îl instalezi în maximum cinci minute (deși zilele trecute am descoperit o metodă prin care nu-ți ia mai mult de un minut), iar mulțimea de pluginuri și teme gratuite disponibile te pot ajuta să-ți creezi un site, chiar dacă nu cunoști vreun limbaj de programare.

Dacă așa stau lucrurile, ai putea întreba de ce să alegi Jekyll, când WordPress este atât de popular. Pentru că de multe ori nu ai nevoie de tot ce-ți oferă WordPress-ul out of the box. Sau pentru că vrei să fii diferit(ă) și să nu folosești ce folosește toată lumea.

Jekyll nu are nevoie de o bază de date, servește pagini statice, ceea ce-l face să fie mai rapid decât orice site construit pe WordPress. Un alt avantaj este că-l poți găzdui gratuit într-un cont de Github Pages sau, așa cum voi arăta în continuare, într-un cont gratuit pe OpenShift.

Ok, ăsta nu-i chiar un avantaj față de WordPress, pentru că în urmă cu doar câteva luni scriam despre cum poți găzdui gratuit un site construit cu WordPress într-un cont pe OpenShift.

Pentru cine este Jekyll

Jekyll este, în primul rând, pentru cei care vor să experimenteze, pentru cei care vor să testeze ceva diferit și cărora le plac lucrurile simple.

În plus, trebuie să ai câteva cunoștințe de (sau să fii dispus(ă) să înveți) HTML sau Markdown, pentru că în acest format se vor adăuga postările pe blog.

Trebuie să știi să folosești terminalul sau consola și să ai cunoștințe de bază de Git.

Dacă vrei să creezi un site complex, atunci mai bine te-ndrepți către WordPress. Recomand Jekyll doar pentru blogurile simple.

Să începem!

Dar gata cu vorba și să trecem la subiect. Cum instalezi Jekyll? Nu-i deloc complicat, dar e nevoie de puțină atenție pentru a nu întâmpina problemele peste care am dat eu la prima instalare.

Sistemul de operare pe care l-am folosit a fost Ubuntu, deci comenzile pe care le voi menționa sunt specifice acestuia, însă voi adăuga și alternativele lor pentru Windows, chiar dacă Windows nu este suportat oficial de către Jekyll.

Înainte de a instala Jekyll, avem nevoie de Ruby și de RubyGems. În Linux, deschidem Terminalul și adăugăm comenzile:

sudo apt-get install ruby
sudo gem install rubygems-update

Pentru a rula CoffeeScript, avem nevoie și de NodeJS:

sudo apt-get install nodejs

Pe Windows, putem face acest lucru, cel mai simplu, prin Chocolatey. Despre ce este acesta și cum se instalează, am scris aici. După instalare, adăugăm comenzile următoare în consolă:

choco install ruby1.9
choco install rubygems
choco install nodejs.install

Acum putem instala Jekyll:

gem install jekyll

Prima dată mi-a apărut o eroare, însă am rezolvat instalând fișierele necesare pentru compilarea modulelor din ruby 1.9:

sudo apt-get install ruby1.9.1-dev

sau, pe Windows:

choco install ruby.devkit

Primul blog pe Jekyll

Așadar, odată instalat, nu ne mai rămâne decât să ne configurăm primul blog. Dacă dorești să faci asta manual, atunci va trebui să creezi structura standard pentru orice instalare de Jekyll.

Din terminal sau consolă, se rezolvă totul din doar câteva comenzi:

mkdir jekyll //creăm dosarul în care adăugăm blogul
cd jekyll //intrăm în dosarul nou-creat

/*creăm dosarele cerute de Jekyll*/
mkdir _posts
mkdir _layouts
mkdir _drafts
mkdir _includes

Acum suntem aproape gata. Nu mai avem de adăugat decât fișierul de configurare (config.yml) și un fișier index.html (sau index.md sau index.textile), care va constitui prima pagină a blogului.

Jekyll Bootstrap

Jekyll nu este o aplicație care vine out-of-the-box cu tot ce ai nevoie, precum WordPress. Însă, dacă dorești să grăbești puțin procesul de creare a primului blog, există Jekyll Bootstrap, care îți oferă toate folderele și fișierele standard de care spuneam mai sus. În plus, ai acces și la câteva teme responsive, pe care le poți folosi pentru blogul tău.

Astfel, în loc să creezi toate acele dosare și fișiere manual, după ce instalezi Jekyll, dacă ai Git instalat, poți importa Jekyll Bootstrap pe calculator prin comanda:

git clone https://github.com/plusjade/jekyll-bootstrap.git 

După care, încă două linii de comandă și deja îți poți vedea blogul la adresa http://0.0.0.0:4000/ sau pe localhost:4000. Dacă apar probleme, cel mai probabil, s-ar putea ca portul 4000 să fie folosit de o altă aplicație.

cd jekyll-bootstrap
jekyll serve --watch

Crearea primului articol

În Jekyll, articolele se salvează în dosarul _posts, cu url-ul standard sub forma: [an]-[luna]-[zi]-[titlu].md.
Forma url-ului se poate schimba din fișierul config.yml.
Chiar dacă fișierele se salvează cu terminația .md, specifică fișierelor markdown, le poți scrie și în HTML. Noțiuni de bază despre limbajul Markdown poți citi aici.

Dar haideți să scriem primul articol. Putem face asta cu orice editor de text (nu cu Word, totuși). În Ubuntu, eu am folosit Brackets. Dar la fel de bun este și Sublime sau orice alt text editor cu care ești deja obișnuit(ă).

Așadar, voi crea un articol cu titlul ”Jekyll, o alternativă la WordPress”, pe care-l voi adăuga în categoria ”Jekyll” și îi voi seta tagurile ”jekyll” și ”wordpress”. Voi folosi tema default din Jekyll Bootstrap și layout-ul specific articolelor, care se găsește în dosarul _layouts și se numește post.

Iată cum trebuie să arate primele rânduri din fișierul care va genera articolul respectiv:

---
layout: post
title: "Jekyll, o alternativă la WordPress"
description: ""
category: Jekyll
tags: [jekyll,wordpress]
---

Sub aceste rânduri, scriem conținutul articolului, fie în Markdown, fie în HTML, după preferințe. Eu am folosit HTML și în lipsă de inspirație am scris doar:

Aici ar trebui să intre conținutul articolului, pe care-l găsești integral pe <a href="http://saramon.ro">saramon.ro</a>

Apoi, salvăm fișierul cu denumirea 2014-10-19-jekyll-alternativa-wordpress.md, în dosarul _posts. Aflându-ne în dosarul în care se află blogul, jekyll-bootstrap, pe care l-am creat mai devreme, rulăm comanda:

jekyll serve --watch

Vom găsi articolul nou-creat la adresa: http://0.0.0.0:4000/jekyll/2014/10/19/jekyll-alternativa-wordpress/.

Folosind –watch după comanda serve, putem face orice modificare în blogul nostru și aceasta se va observa automat pe blog.

Jekyll pe OpenShift

Așadar, avem un blog, am scris articolele, dar totul este pe calculatorul nostru. Cum îl putem face accesibil tuturor? Îl putem încărca într-un cont pe GitHub și apoi să folosim GitHub Pages, dar eu am ales să mă folosesc de contul meu de pe OpenShift.

Am mai scris despre OpenShift, când arătam cum se poate folosi pentru a găzdui gratuit un site construit cu WordPress.

După ce ne-am creat deja un cont, instalăm rhc command tools, pentru a putea crea și configura aplicații direct din terminal sau consolă, și ne autentificăm. Pentru asta, vom scrie următoarele două comenzi:

sudo gem install rhc
rhc setup

Instalare rhc command tools pe Ubuntu

Nemulțumit că în instalarea standard oferită de OpenShift nu exista Jekyll Bootstrap, am modificat cartridge-ul oficial și l-am făcut disponibil în contul meu de GitHub. Iar pentru a crea o nouă aplicație nu trebuie decât să rulezi comanda următoare, unde jekyll este numele aplicației (îl poți modifica după cum dorești):

rhc app create jekyll https://raw.github.com/saramon/openshift-jekyll-cartridge/master/metadata/manifest.yml

Procesul de instalare va dura în jur de 2-3 minute.

Apoi, vom folosi Git pentru a copia fișierele pe calculator.

git clone [url_ssh_source_code] [nume folder] 

[url_ssh_source_code] este generat după instalarea aplicației, iar [nume folder] va fi înlocuit cu numele dosarului în care dorim să copiem fișierele.

În dosarul în care am copiat fișierele, vom șterge tot, în afară de dosarul .git. Vom adăuga fișierele din folderul în care am instalat mai devreme blogul (la fel, fără dosarul .git) și vom rula câteva comenzi pentru a adăuga blogul de pe calculator în contul de OpenShift:

git add -i
a
*
q
git commit -a -m "actualizare blog"
git push 

Mai multe despre comenzile din Git poți afla de aici.

În momentul acesta, blogul nostru este online și poate fi accesat de către oricine.

Pe al meu îl puteți accesa la adresa jekyll-saramon.rhcloud.com

Bineînțeles că îi puteți adăuga și un domeniu propriu.