Je viens de commencer à utiliser le format Markdown. J'adore, mais il y a une chose qui me chiffonne : comment puis-je changer la taille d'une image en utilisant Markdown ?
La documentation ne donne que la suggestion suivante pour une image :
![drawing](drawing.jpg)
Si cela est possible, j'aimerais que l'image soit également centrée. Je demande un format Markdown général, et pas seulement la façon dont GitHub le fait.
Vous pourriez simplement utiliser du HTML dans votre Markdown :
<img src="drawing.jpg" alt="drawing" width="200"/>
Ou via l'attribut style
(non supporté par GitHub)
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
Ou vous pouvez utiliser un fichier CSS personnalisé comme décrit dans cette réponse sur https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055.
![drawing](drawing.jpg)
CSS dans un autre fichier :
img[alt=drawing] { width: 200px; }
Si vous [utilisez kramdown] (http://kramdown.rubyforge.org/syntax.html#block-ials), vous pouvez le faire :
{:.foo}
![drawing](drawing.jpg)
Ajoutez ensuite ceci à [votre CSS personnalisé] (http://mouapp.com) :
.foo {
text-align: center;
width: 100px;
}
Vous pourriez aussi utiliser celui-ci avec kramdown :
markdown
![drawing](drawing.jpg)
{:.some-css-class style="width: 200px"}
ou
markdown
![drawing](drawing.jpg)
{:.some-css-class width="200"}
De cette façon, vous pouvez ajouter directement des attributs arbitraires au dernier élément html. Pour ajouter des classes, il existe un raccourci .class.secondclass.