A custom liquid template block tag that allows you to use the responsive image system Picturefill in Jekyll markdown files.
At the moment this template only has the option of mobile and desktop sizes. I have it hardcoded so that mobile images show up when the screen size has a max-width of 480px. You can adjust this within the function def render(context)
in the tag template and add in other options you may desire.
- Jekyll v2 http://jekyllrb.com/
- Picturefill http://scottjehl.github.io/picturefill/
You MUST specify markdown: kramdown
in your _config.yml even though it's supposed to be the default markdown processor. This fixed the problem of Jekyll trying to interpret the resulting html as markdown and really messing up the conditional IE9 tags. Edit: I had defined the markdown tag previously with the wrong processor and never noticed.