Alterar o tamanho da imagem no Markdown
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:
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.
![[Photoshop] Como Redimensionar Imagem da maneira correta](https://img.youtube.com/vi/mMV0xe4r2GM/mqdefault.jpg)
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.
CSS em outro arquivo:
img[alt=drawing] { width: 200px; }
Se você está usando kramdown, você pode fazer isso:
{:.foo}
Depois adicione isto ao seu CSS personalizado:
.foo {
text-align: center;
width: 100px;
}
Também podias usar este com o Kramdown:
markdown
{:.some-css-class style="width: 200px"}ou
markdown
{:.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***.
