Skip to main content
Settings
Color Mode
Theme Skin
Background

Appearance preferences are saved in this browser only.

Environment
Current Environment Production

Built with JEKYLL_ENV=production. Changes require deployment.

Quick Links
Theme & Build
Jekyll v3.10.0
Last Build Aug 01, 19:35
Page Location
Page Info
Layout article
Collection none
Path fr/posts/2025-01-01-getting-started-jekyll.md
URL /fr/posts/2025/01/01/getting-started-jekyll/
Date 2025-01-01
This page was translated automatically from the English original. View the original

Débuter avec Jekyll : votre premier site statique

Bienvenue dans Jekyll ! Ce tutoriel vous guidera dans la création de votre premier site web statique avec Jekyll, le générateur de sites statiques populaire.

Qu’est-ce que Jekyll ?

Jekyll est un générateur de sites statiques qui transforme du texte brut en sites web statiques :

  • Prise en charge de Markdown : Rédigez le contenu en Markdown
  • Templates Liquid : Créez des mises en page dynamiques
  • Prêt pour GitHub Pages : Hébergement gratuit sur GitHub
  • Écosystème de plugins : Étendez les fonctionnalités

Prérequis

Avant de commencer, assurez-vous d’avoir :

  • Ruby 2.5+ installé
  • Le gestionnaire de paquets RubyGems
  • Des connaissances de base en ligne de commande
  • Un éditeur de texte

Ou utilisez simplement Docker (recommandé) !

Créer votre premier site

Étape 1 : Installer Jekyll

gem install bundler jekyll

Étape 2 : Créer un nouveau site

jekyll new my-awesome-site
cd my-awesome-site

Étape 3 : Servir en local

bundle exec jekyll serve

Rendez-vous sur http://localhost:4000 pour voir votre site !

Comprendre la structure

my-awesome-site/
├── _config.yml      # Site configuration
├── _posts/          # Blog posts
├── _layouts/        # Page templates
├── _includes/       # Reusable components
└── index.md         # Homepage

Créer votre premier article

Créez un nouveau fichier dans _posts/ :

---
layout: post
title: "My First Post"
date: 2025-01-01
---

Hello, Jekyll world!

Prochaines étapes

  • Explorez les thèmes Jekyll
  • Apprenez les templates Liquid
  • Configurez le déploiement sur GitHub Pages
  • Ajoutez des plugins pour des fonctionnalités supplémentaires

Bonne création !

Comments