Nous avons vu ensemble comment gérer les images avec Pelican . Mais pour afficher les images avec Pelican, il faut bien évidemment utiliser reStructuredText. Pour cela rien de compliqué.
Utiliser la directive image
Nous allons donc utiliser la directive image. Allez, Voici l'exemple :
.. image:: http://freeculture.homelinux.com/Images/rST.jpg
:height: 250px
:width: 400px
:alt: Super reStucturedText
:align: center
Nous commençons donc par mettre le lien de l'image. Pour Pelican, il me semble que les lien relatifs ne sont pas encore bien géré. Donc mettez le lien complet de l'image
- height
- La hauteur de l'image en pixels
- width
- La largeur de l'image en pixels
- alt
- La description de l'image
- align
- Choisir entre left, center et right pour les alignements horizontaux ou top, middle, bottom pour les alignements verticaux. Équivalent de <img align=""> en HTML.
Vous pouvez de plus utiliser ces options :
- scale
- L'échelle de l'image. Cette option est optionnelle et définie par défaut à 100 %.
- target
- Vous pouvez rendre une image clicable en spécifiant une url.
- class
- Utile pour attribuer à l'image une classe définie dans vos fichiers CSS
Et voilà, rien de compliqué. Notez que pour l'instant, les images alignées à gauche et centrées ne fonctionnent pas sur le thême onmyidea. Cela provient du CSS, mais je suis en train d'apporter les corrections nécessaires.