Markdownを使い始めたばかりです。Markdownを使って画像のサイズを変更するにはどうすればいいのでしょうか?
ドキュメントでは、画像に対して以下のような提案しかしていません。
![drawing](drawing.jpg)
もし可能であれば、画像も中央に配置したいと思います。私が求めているのは一般的なMarkdownであり、GitHubのやり方だけではありません。
Markdownの中にHTMLを使えばいいんじゃない?
<img src="drawing.jpg" alt="drawing" width="200"/>
または style
属性を使用します (not supported by GitHub)
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
あるいは、https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055 のこの回答で説明されているように、カスタムCSSファイルを使用することもできます。
![drawing](drawing.jpg)
CSSを別のファイルに記述します。
img[alt=drawing] { width: 200px; }
kramdownを使用している](http://kramdown.rubyforge.org/syntax.html#block-ials)場合は、このようにすることができます。
{:.foo}
![drawing](drawing.jpg)
そして、これをあなたのカスタムCSSに追加します。
.foo {
text-align: center;
width: 100px;
}
これもkramdownと一緒に使うといいでしょう。
markdown
![drawing](drawing.jpg)
{:.some-css-class style="width: 200px"}
または
markdown
![drawing](drawing.jpg)
{:.some-css-class width="200"}
このようにして、最後のhtml要素に任意の属性を直接追加することができます。クラスを追加するには、ショートカット .class.secondclass があります。