Comment créer son blog avec Jekyll

écrit par Marie

Last updated on: décembre 30, 2016

Jekyll Featured Image

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

    Capture d’écran 2016-04-09 à 14.08.21

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.

3 commentaires
1

Vous pourriez aimer

3 commentaires

Olga 25 mai 2016 - 12:53

Excellent article

Reply
Cleo Credo (ig: itscleocredo) 3 août 2016 - 11:27

Hi! Great article! I wish to know more about setting up a Jekyll portfolio wherein you can put the social media links…setting up the about me page and stuff. Hoping for your update soon! Thanks! 😀

Reply
Marie 3 août 2016 - 11:39

Awesome! Thanks for you comment! You motivate me a little to finish that article so I can help you. 🙂 Have a nice day!

Reply

Écrire un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.