1 09-11-2018 17:06 -

Avec activation du plugin Markdown

Paragraphe : séparer 2 lignes de texte par une ligne vide
Italique : entouter l'expression par des astérisques * ou des tirets bas _
Gras : entourer l'expression par des doubles astérisques ** ou des doubles tirets bas _ _
Titres : dans la ligne en -dessous de l'expression, remplir comme pour souligner ce qu'il y a au-dessus avec des signes égal ===== pour h1 ou des tirets hauts ----- pour h2
ou encore, faire précéder le titre par un ou plusieurs dièses :
# pour h1
## pour h2
### pour h3 etc
Liste à puces : faire précéder les items sur chaque ligne d'un astérisque * ou d'un signe plus +
Citation : faire précéder les lignes citées d'un chevron de fermeture >
Liens : placer le texte du lien entre crochets suivi de l'url entre parenthèses  : [texte](url)
Images : comme pour les liens, mais mettre un point d'exclamation ! devant le 1er crochet. Le texte entre crochets sera le alt de l'image. ![texte alternatif de l'image](url de l'image)
barre horizontale : suite de tirets hauts ----- ou  d'astérisques *****

Pour insérer des images dans Shaarli, je peux les envoyer par ftp dans  /images et faire un lien relatif : /images/images.jpg

Pour mettre une légende pour l'image, Markdown ne connait pas fig-caption. Solution :
1 - faire suivre l'insertion d'image de la légende en italique, soit entourée d'astérisques *.
saisir :

![Les  lumières de la ville](http://chauvigne.info/images/toulon-lumieres.gif)*Les lumières de la ville*

ce qui donne en html :

<p><img src="http://chauvigne.info/images/toulon-lumieres.gif" alt="Les  lumières de la ville" /><em>Les lumières de la ville</em></p>

2 - styler img + em dans le css.

img + em {margin:0 auto;text-align:center;font-variant:small-caps; display: block;}

Voir le résultat : https://actu.revestou.fr/?M0FrnQ#M0FrnQ