Ajouter un lien à l'image pour fournir un point d'ancrage/point de ref Markdown

Question

Pour se référer à un en-tête, on peut utiliser dans la configuration:

'markdown.extensions.toc': {'permalink': ''} 

mais comment fournir une image à base d'ID dédié interne pour le lien blog pélican pour un image pour se référer à l'image à partir du texte?

par ex. Veuillez vous référer à la Figure 1 # où «Figure 1» est un lien vers une image du blog

Answer 1

Vous pouvez utiliser l'extension Attribute List de Python-Markdown.

D'abord, activer l'extension dans votre fichier de configuration Pelican:

'markdown.extensions.attr_list': {} 

Avec l'extension de la liste d'attributs, vous pouvez définir les attributs que vous voulez sur un élément en ligne en ajoutant une liste d'attributs immédiatement après l'élément. Donc, pour une image faire:

![some image](image.jpg){ #image_id } 

Puis, ailleurs dans le document, vous pouvez créer un lien vers cette image:

[link to image](#image_id) 

juste être conscient que listes d'attributs sont une caractéristique de Markdown non standard qui est seulement supporté par quelques implémentations de Markdown. Par conséquent, il n'est pas susceptible de fonctionner si vous essayez de l'utiliser ailleurs. Cependant, ce qui fonctionne partout est du HTML brut. Il suffit de définir l'image comme HTML brut:

<img alt="some image" id="image_id" src="image.jpg" /> 

Notez que l'ID est définie par id="image_id". Vous pouvez lier à cela de la même manière que démontré ci-dessus.