Ho appena iniziato con Markdown. Lo adoro, ma c'è una cosa che mi disturba: come posso cambiare le dimensioni di un'immagine usando Markdown?
La documentazione dà solo il seguente suggerimento per un'immagine:
![drawing](drawing.jpg)
Se è possibile vorrei che l'immagine fosse anche centrata. Sto chiedendo un Markdown generale, non solo come lo fa GitHub.
Potresti semplicemente usare un po' di HTML nel tuo Markdown:
<img src="drawing.jpg" alt="drawing" width="200"/>
O tramite l'attributo style
(non supportato da GitHub)
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
Oppure si potrebbe usare un file CSS personalizzato come descritto in questa risposta su https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055
![drawing](drawing.jpg)
CSS in un altro file:
img[alt=drawing] { width: 200px; }
Se state usando kramdown, potete fare questo:
-- language-all: lang-css -->
{:.foo}
![drawing](drawing.jpg)
Poi aggiungi questo a il tuo CSS personalizzato:
.foo {
text-align: center;
width: 100px;
}
Si potrebbe usare anche questo con kramdown:
markdown
![drawing](drawing.jpg)
{:.some-css-class style="width: 200px"}
o
markdown
![drawing](drawing.jpg)
{:.some-css-class width="200"}
In questo modo si possono aggiungere direttamente attributi arbitrari all'ultimo elemento html. Per aggiungere classi c'è una scorciatoia .class.secondclass.