Я тільки почав працювати з Markdown. Мені подобається, але є одна річ, яка мене турбує: як я можу змінити розмір зображення за допомогою Markdown?
Документація дає лише наступну пропозицію для зображення:
![drawing](drawing.jpg)
Якщо це можливо, я хотів би, щоб зображення також було вирівняно по центру. Я прошу про загальний Markdown, а не тільки про те, як це робить GitHub.
Ви можете просто використовувати HTML у своїй розмітці:
<img src="drawing.jpg" alt="drawing" width="200"/>
Або через атрибут style
(не підтримується GitHub)
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
Або ви можете використовувати власний файл CSS, як описано в цій відповіді на https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055.
![drawing](drawing.jpg)
CSS в іншому файлі:
img[alt=drawing] { width: 200px; }
Якщо ви використовуєте крамдаун, ви можете це зробити:
;{:.foo}
![drawing](drawing.jpg)
Потім додайте це до вашого власного CSS:
.foo {
text-align: center;
width: 100px;
}
Ви також можете використовувати його з крамдауном:
markdown
![drawing](drawing.jpg)
{:.some-css-class style="width: 200px"}
або
markdown
![drawing](drawing.jpg)
{:.some-css-class width="200"}
Таким чином можна безпосередньо додавати довільні атрибути до останнього html-елемента. Для додавання класів існує ярлик .class.secondclass.