公開:
Jekyll(Github Pages)ではMarkdownのパーサとして、kramdownを選択できる。
このkramdownはMarkdownの拡張版という位置付け。
より応用的な使い方に対応している。
その中から、class属性の付け方をメモ。
通常、Markdownにおける画像は次の書式で表現する。
![サンプル画像](/image/sample.jpg)
これは次のようなHTMLに変換される。
<img src="/image/sample.jpg" alt="サンプル画像" />
画像の後ろに{: .クラス名}
を記述する。
![サンプル画像](/image/sample.jpg){: .hilight}
これにより、class属性の付いた画像に変換される。
<img src="/image/sample.jpg" alt="サンプル画像" class="hilight"/>
画像の後ろに{: 属性名="値"}
を記述する。
![サンプル画像](/image/sample.jpg){: width="100"}
<img src="/image/sample.jpg" alt="サンプル画像" width="100"/>