A Jekyll plugin to thumbnailify any image
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
README.md
jekyll-thumbnailify.rb

README.md

jekyll-thumbnailify

A Jekyll plugin to thumbnailify any image.

This plugin will read an image file from your image folder, produce a thumbnail version of it and render this html

<a class="image" href="/images/foobar.png"><img src="/images/foobar_t.png" /></a>

This way, you can the use any JS plugin to add easily an effect going from the thumbnail image to the real image. For instance, you can use:

Installation

  • Install mini magick: gem install mini_magick (or use gem "mini_magick" in your gemfile and then bundle install)
  • At the root of your site, if you don't have one, create a folder called _plugins
  • Copy jekyll-thumbnailify.rb: wget https://raw.github.com/10io/jekyll-thumbnailify/master/jekyll-thumbnailify.rb (if you don't have wget, brew it!)

Usage

  • At the root of your site, put all your images in a folder called images
  • In any page of your Jekyll site, use {% t foo.png %} to generate the thumbnail image and the link

Notes

  • the image folder name(by default, images) can be configured in the _config.yml file using the images_directory variable
  • the images_directory can point to a subfolder, for example: images/posts
  • the css class name(by default, image) of the generated link can be configured in the _config.yml file using the images_css_class variable