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.

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

13 commentaires

J’en penses que être conforme au W3C c’est le boulot de ton template (donc ton travail à toi, ou de la personne dont tu prends le template), mais pas de Pelican. Donc en l’occurence je n’ai pas été assez rigoureux dans la réalisation de mon template, mais Pelican n’y peut rien.

C’est comme si tu disais "Ton architecte a fait des plans (le template) pas droit, du coup bien que le maçon (pelican) ait très bien travaillé et soit super compétent, ta maison qui en résulte (ton site web) n’est pas droit non plus". Je suis clair ?

+0 -0

Salut,

Ce tuto m’aide bien à démarrer, la partie qui explique la création et le fonctionnement des templates est super :)

Avec la dernière version de Pelican (4) il y a un changement pour le serveur de développement :
Il n’est plus proposé de l’activer lors du "quickstart" mais intégré par défaut et se lance avec la commande pelican --listen --autoreload

Si ça peut éviter à d’autres de chercher :ninja:

Source : https://github.com/getpelican/pelican/pull/2176

+2 -0
Banni

Salut,

Ce tuto m’aide bien à démarrer, la partie qui explique la création et le fonctionnement des templates est super :)

Avec la dernière version de Pelican (4) il y a un changement pour le serveur de développement :
Il n’est plus proposé de l’activer lors du "quickstart" mais intégré par défaut et se lance avec la commande pelican --listen --autoreload

Si ça peut éviter à d’autres de chercher :ninja:

Source : https://github.com/getpelican/pelican/pull/2176bob the robber

-grume C’est vraiment bien car ça fait gagner du temps.
+0 -0
Banni

Salut,

Ce tuto m’aide bien à démarrer, la partie qui explique la création et le fonctionnement des templates est super :)

Avec la dernière version de Pelican (4) il y a un changement pour le serveur de développement :
Il n’est plus proposé de l’activer lors du "quickstart" mais intégré par défaut et se lance avec la commande pelican --listen --autoreload

Si ça peut éviter à d’autres de chercher :ninja:

Source : https://github.com/getpelican/pelican/pull/2176 spacebar clicker

-grume

Il est désormais conçu pour être activé par défaut et lancé avec la commande, il n’est donc plus nécessaire de le faire lors du démarrage rapide

+0 -0

Salut,

Ce tuto m’aide bien à démarrer, la partie qui explique la création et le fonctionnement des templates est super :)

Avec la dernière version de Pelican (4) il y a un changement pour le serveur de développement :
Il n’est plus proposé de l’activer lors du "quickstart" mais intégré par défaut et se lance avec la commande pelican --listen --autoreload

Si ça peut éviter à d’autres de chercher :ninja:

Source : https://github.com/getpelican/pelican/pull/2176Head Soccer

-grume C’est vraiment bien car ça fait gagner du temps.

C’est quelque chose d’autre de compliqué

+0 -0

Pelican est particulièrement adapté pour les projets simples mais efficaces, comme un site de recettes de cookies et de smoothies, que vous allez créer au cours du tutoriel. Il permet de séparer le contenu de la mise en page, ce qui rend https://brawlstarssgame.com l’organisation du site plus claire et modifiable sans avoir à toucher constamment à des fichiers HTML. De plus, la possibilité de personnaliser le site à travers des thèmes ou de créer un design unique vous offre une grande flexibilité pour adapter votre site à vos besoins.

+0 -0
Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

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