Acabei de começar com o Markdown. Adoro, mas há uma coisa que me incomoda: como posso mudar o tamanho de uma imagem usando o Markdown?
A documentação dá apenas a seguinte sugestão para uma imagem:
![drawing](drawing.jpg)
Se for possível, eu gostaria que a imagem também fosse centrada. Estou a pedir o Markdown geral, não apenas como o GitHub o faz.
Você poderia apenas usar um pouco de HTML no seu Markdown:
<img src="drawing.jpg" alt="drawing" width="200"/>
Ou através do atributo estilo
(não suportado por GitHub)
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
Ou você pode usar um arquivo CSS personalizado, como descrito nesta resposta em https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055.
![drawing](drawing.jpg)
CSS em outro arquivo:
img[alt=drawing] { width: 200px; }
Se você está usando kramdown, você pode fazer isso:
{:.foo}
![drawing](drawing.jpg)
Depois adicione isto ao seu CSS personalizado:
.foo {
text-align: center;
width: 100px;
}
Também podias usar este com o Kramdown:
markdown
![drawing](drawing.jpg)
{:.some-css-class style="width: 200px"}
ou
markdown
![drawing](drawing.jpg)
{:.some-css-class width="200"}
Desta forma, você pode adicionar diretamente atributos arbitrários ao último elemento html. Para adicionar classes existe um atalho **.class.secondclass***.