Gérer les images avec reStructuredText

Publié le 05 décembre 2010 par Free_culture

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.

Retour à La Une de