Jekyll Bits

[](http://www.rultor.com/p/yegor256/jekyll-bits) [](https://www.jetbrains.com/ruby/)

[](https://travis-ci.org/yegor256/jekyll-bits) [](http://badge.fury.io/rb/jekyll-bits) [](https://gemnasium.com/yegor256/jekyll-bits) [](https://codeclimate.com/github/yegor256/jekyll-bits)

It's a collection of very simply and useful [Jekyll](https://jekyllrb.com/) plugins, which I'm using on [my blog](https://github.com/yegor256/blog).

**ATTENTION**: You [can't](https://help.github.com/articles/adding-jekyll-plugins-to-a-github-pages-site/) use this plugin with GitHub Pages.

To start, add it to your `_config.yml`:

gems:
  - jekyll-bits

`jb_picture`

Add this to the [front matter](https://jekyllrb.com/docs/frontmatter/) of your Jekyll page:

---
jb_picture: http://...
---

Or with more details:

---
jb_picture:
  src: SRC attribute of  (mandatory)
  alt: ALT attribute of  (optional)
  href: HREF attribute of  (optional)
  caption: text of  (optional)
  width: width in pixels (optional)
  height: height in pixels (optional)
---

{{ page | jb_picture_head }}

{{ page | jb_picture_body }}

{% jb_picture_body %}

  
    
  
  ...

You can also define your pic