Créer un Blog avec Jekyll : Guide Complet pour Débutants

Introduction
Jekyll est un générateur de sites statiques puissant et simple d’utilisation. Il permet de créer des blogs, portefeuilles ou sites personnels rapidement, sans nécessiter de serveur dynamique. Ce tutoriel vous guidera pas à pas pour créer votre premier blog avec Jekyll.


Étape 1 : Qu’est-ce que Jekyll ?

Jekyll transforme des fichiers texte écrits en Markdown ou HTML en un site web statique. Voici pourquoi Jekyll est populaire :

  • Pas de base de données : Les données sont stockées dans des fichiers YAML ou Markdown.
  • Hébergement facile : Compatible avec GitHub Pages, un service d’hébergement gratuit.
  • Flexibilité : Idéal pour les développeurs et les blogueurs souhaitant personnaliser leur site.

Étape 2 : Prérequis

Avant de commencer, assurez-vous d’avoir :

  • Ruby (version 3.0 ou supérieure).
  • RubyGems (généralement inclus avec Ruby).
  • Git pour le contrôle de version.
  • Un éditeur de texte comme VS Code.

Pour vérifier si Ruby est installé, tapez :

ruby -v

Étape 3 : Installation de Jekyll

  1. Installez Bundler, l’outil de gestion des dépendances pour Ruby :gem install bundler
  2. Installez Jekyll :gem install jekyll
  3. Vérifiez l’installation :jekyll -v

Étape 4 : Créer un Nouveau Projet Jekyll

  1. Générez un site avec une structure de base :jekyll new mon-blog
  2. Accédez au dossier créé :cd mon-blog
  3. Lancez le serveur local pour voir votre site en action :bundle exec jekyll serve Votre site sera accessible sur http://localhost:4000.

Étape 5 : Comprendre la Structure de Jekyll

Voici les principaux dossiers et fichiers générés :

  • _posts/ : Contient les articles de blog.
  • _layouts/ : Définit les modèles de pages.
  • _config.yml : Fichier de configuration principal.
  • index.html : Page d’accueil du site.

Étape 6 : Ajouter un Article

Les articles sont stockés dans le dossier _posts et doivent suivre le format :
YYYY-MM-DD-nom-de-l-article.md

Exemple : Créez un fichier 2024-12-16-premier-article.md :

---
layout: post
title: "Mon Premier Article"
date: 2024-12-16
categories: blog
---

Bienvenue sur mon blog Jekyll ! Ceci est mon premier article.

Étape 7 : Personnalisation du Thème

  1. Vous pouvez modifier le fichier _config.yml pour personnaliser votre blog :title: Mon Blog Jekyll description: Un blog créé avec Jekyll. url: "https://mon-site.com" theme: minima
  2. Pour ajouter un nouveau thème, explorez la galerie officielle des thèmes Jekyll et installez-le via Bundler.

Étape 8 : Héberger sur GitHub Pages

  1. Initialisez un dépôt Git :git init git add . git commit -m "Initial commit"
  2. Publiez votre code sur GitHub :git remote add origin https://github.com/votre-utilisateur/mon-blog.git git branch -M main git push -u origin main
  3. Configurez GitHub Pages dans les paramètres du dépôt pour héberger votre site.

Conclusion

En suivant ce tutoriel, vous avez appris à installer Jekyll, créer un blog, et personnaliser votre site. Avec sa flexibilité et son intégration à GitHub Pages, Jekyll est un excellent choix pour lancer un blog sans complications.

Prêt à commencer ? Partagez vos expériences ou posez vos questions dans les commentaires !


Abonnez-vous à notre Newsletter !

Restez à jour avec les dernières tendances, articles et actualités directement dans votre boîte de réception. En vous abonnant à la newsletter de Wordly Fusion, vous recevrez des contenus exclusifs, des recommandations personnalisées, et les nouveautés les plus passionnantes de notre site. Ne manquez aucune mise à jour et soyez toujours informé des sujets qui vous intéressent. Inscrivez-vous dès maintenant pour rejoindre notre communauté !

×