Comment créer son blog avec Jekyll

Dans cet article, je vais vous guider pas à pas dans le création d’un nouveau blog à l’aide du CMS Jekyll.

Cela m’a pris quelques semaines de réflexion avant de créer mon blog sur WordPress. Je n’étais pas certaine si je désirais explorer un nouveau CMS ou explorer plus en profondeur WordPress. J’ai choisi de continuer sur WordPress, mais Jekyll était deuxième dans mes CMS à essayer!

Il faut savoir qu’il y a une  grosse différence entre ces deux outils de création. WordPress est un outil de création de blogs et de sites web dynamiques, tandis que Jekyll est statique. Un site statique est un site qui est totalement codé du côté client, tandis qu’un site dynamique contient une partie serveur (PHP, ASP, etc.).  Un blog statique est donc beaucoup plus rapide à créer, coûte moins cher, et aura un temps de chargement de page beaucoup moins élevé qu’un site dynamique. De son côté, le dynamique sera plus facile à mettre à jour, à ajouter du contenu et peut être un vrai site.

J’ai commencé cette installation en n’ayant rien d’installé sur mon tout nouveau Macbook Pro.

Avant de commencer à s’amuser, nous devons installer ses prérequis avant :

• Ruby
• RubyGems
• NodeJS
• Python 2.7+
  • Utilisé pour la colorisation de la syntaxe pour du code

Installer les prérequis :

1. Installer Ruby. Comme documenté ici sur la documentation officielle de Ruby, il y a plusieurs méthodes pour procéder à l’installation. J’ai utilisé HomeBrew. Pour ce faire, suivez les instructions sur la page d’accueil. Ne pas oublier de faire cette commande pour Homebrew:

   export PATH=/usr/local/bin:$PATH

   Pour installer Ruby :

   brew install ruby

   Facultatif: Installer RubyGem! Normalement, cette étape est déjà faite lorsque vous installez Ruby. J’ai choisi l’installation avec git. Il suffit de faire dans le dossier où vous voulez avoir rubygems :

   git clone https://github.com/rubygems/rubygems.git
   cd rubygems/
   ruby setup.rb

2. Installer NodeJS. Vous pouvez vérifier que l’installation s’est bien déroulée en faisant :

   > node
   > console.log('bonjour node!');
   hello node
   undefined

3. Il ne reste plus qu’à installer Python. J’ai installé python3. Pour tester si ça fonctionne bien :

   python3
   > print('bonjour python')
   bonjour python

4. On est à l’étape d’installer Jekyll !

   gem install jekyll

Créer son blog

1. Lancez la commande pour créer votre site web, puis allez dans le répertoire nouvellement créé.

   jekyll new girlknowstech
   cd girlknowstech

2. Lancez cette commande pour aller voir le résultat!

   jekyll serve

   

Voilà ! Vous avez votre site Jekyll qui fonctionne! 🙂

Si vous avez un commentaire sur cette procédure, n’hésitez pas à m’en faire part. Je suis toujours en train d’expérimenter avec Jekyll.