Jekyll > img and or link with Markdown

img tag with alt and title

![ALT](IMG-URL "TITLE")
=> <img title="TITLE" alt="ALT" src="IMG-URL"/>

alt は 画像を表示できないときに代わりに表示される文字
title は 画像にマウスオーバーしたときにポップアップ表示される文字

link tag

[TEXT](URL)
=> <a href="URL">TEXT</a>

link tag with img

[ ![ALT](IMG-URL) ](URL)
=> <a href="URL"><img alt="ALT" src="IMG-URL"/></a>


以下はできたらいいのだけど、できない。プラグインがあるのか?
(※ Kramdown を使えばできるらしいsojourner.co/blog

![ALT](IMG-URL){: .center-image .responsive-image }
=> <img class="center-image responsive-image" alt="ALT" src="IMG-URL"/>

![ALT](IMG-URL){: style="float:right;"}
=> <img alt="ALT" src="IMG-URL" style="float:right;"/>

[TEXT](URL){:target="_blank"}
<a href="URL" target="_blank">TEXT</a>




最終更新:2015年03月14日 16:04