Créer un site web statique avec Pelican

Vous débutez dans le développement web et aimeriez apprendre de nouvelles choses ? Vous savez faire des pages mais en avez marre de retaper le code HTML sans arrêt et aimeriez que votre projet soit plus intelligent et/ou mieux organisé ? Pourquoi dans ce cas ne pas utiliser un générateur de site web statique ? C’est ce que je vous propose ici dans ce tutoriel parlant du générateur nommé « Pelican ».

Ces outils de création offre un bon compromis entre simplicité de rédaction et performance, mais nous verrons cela plus en profondeur dans la première partie de ce tutoriel.

Nous allons ensuite tout de suite rentrer dans le vif du sujet en créant les premières pages de notre site web. Pour cela, je vous propose un fil rouge tout au long de ce cours qui consistera à créer notre propre site de recettes de cookies et de smoothies  !

La partie suivante sera consacrée à la customisation de notre site web. Nous commencerons par voir comment utiliser un thème préexistant pour avoir rapidement un rendu correct puis ensuite comment créer de A à Z un design qui nous ressemble.

Enfin, une partie finale facultative présentera quelques notions avancées.

Prêt pour l’aventure ? Alors en avant !

Présentation de Pelican

1. Pelican : pourquoi ?

   1. Un générateur de site statique, qu'est ce que c'est ?

   2. Pourquoi utiliser pelican ?

   3. D'autres générateurs de sites statiques

2. Pelican : comment ?

   1. Pip install

   2. Bonjour le monde

Générons nos premières pages

1. Hello World!

   1. Quick Start

   2. Qui va là ?

   3. Premiers articles

2. Les métadonnées

   1. Dans l'entête du fichier

   2. Via le contexte du fichier

3. Différents formats de contenu, un seul rendu

   1. Markdown

   2. reStructuredText - .rst

   3. Hypertext Markup Language - .html

4. Changer le style des pages - les thèmes

   1. Activer un thème

   2. Petit aparté sur le serveur de développement intégré

   3. Ajouter un thème

Customisons le rendu de notre site

1. Principe

   1. Le moteur de template, kézaco ?

   2. Un monde d'embriquement

   3. Un exemple

2. La base

   1. Inventaire des fichiers nécessaires

   2. base.html, la colonne vertébrale du site

   3. La section head

   4. La section body

   5. L'en-tête et le pied de page du site

   6. La barre latérale

   7. One more thing : extends

3. Page de « listing »

   1. Les pages de listes

   2. Les listes de « haut niveau »

   3. Les listes d'articles

   4. Annexe : La pagination

4. Rendu d'un article

   1. Principe

   2. L'en-tête de notre article

   3. Le corps et le pied de l'article

   4. Annexe : Ajouter une section de commentaires avec Disqus

5. [TP] Page d'accueil

   1. Consigne et indices

Aller plus loin

1. Utiliser des plugins

   1. Généralités sur les plugins

   2. Une extension pour générer un sitemap

   3. Une extension pour créer des sous-catégories

2. Quelques paramètres de configuration

   1. Quelques bonnes pratiques

   2. Gestion des fichiers statiques

   3. Quelques conseils supplémentaires