Licence CC BY-NC-SA

Créer un site web statique avec Pelican

Dernière mise à jour :
Auteur :
Catégories :
Temps de lecture estimé : 6 heures et 15 minutes

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.

Afin de bien suivre le contenu de ce cours, des connaissances de niveau débutant en Python, ainsi qu’en HTML et CSS, sont souhaitables.

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



5 commentaires

Dire que j’ai commence a faire un site avec pelican la semaine derniere, je vais pouvoir l’ameliorer avec les astuces de ce tuto, merci beaucoup !

Saying that Java is nice because it works on all OS’s is like saying that anal sex is nice because it works on all genders.

+0 -0

En passant @Eskimon, ça vaudrait presque le coup de mettre un lien vers ton billet comment et pourquoi j’ai integré zmarkdown à pelican pour que les gens aient une ressource pour aller plus loin dans l’utilisation des plugins. Et aussi pour montrer l’intérêt de l’open source :)

+1 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte