-
Notifications
You must be signed in to change notification settings - Fork 0
Plugins
The Jekyll plugin system hooks allow you to create custom generated content specific to your site. You can run custom code for your site without having to modify the Jekyll source itself.
In your site source root, make a _plugins directory. Place your plugins here. Any file ending in *.rb inside this directory will be required when Jekyll generates your site (unless the configuration option Safe is set).
In general, plugins you make will fall into one of three categories:
1. Generators
2. Converters
3. Tags
You can create a generator when you need Jekyll to create additional content based on your own rules. For example, a generator might look like this:
module Jekyll
class CategoryPage < Page
def initialize(site, base, dir, category)
@site = site
@base = base
@dir = dir
@name = 'index.html'
self.process(@name)
self.read_yaml(File.join(base, '_layouts'), 'category_index.html')
self.data['category'] = category
category_title_prefix = site.config['category_title_prefix'] || 'Category: '
self.data['title'] = "#{category_title_prefix}#{category}"
end
end
class CategoryPageGenerator < Generator
safe true
def generate(site)
if site.layouts.key? 'category_index'
dir = site.config['category_dir'] || 'categories'
site.categories.keys.each do |category|
site.pages << CategoryPage.new(site, site.source, File.join(dir, category), category)
end
end
end
end
endIn this example, our generator will create a series of files under the `categories` directory for each category, listing the posts in each category using the `category_index.html` layout.
Generators are only required to implement one method:
1. generate: string output of the content being generated
If you have a new markup language you’d like to include in your site, you can include it by implementing your own converter. Both the markdown and textile markup languages are implemented using this method. Please note that Jekyll will only convert files that also have a YAML header at the top. If there is no YAML header at the top of the file, Jekyll will ignore it and not send it through the converter.
Below is a converter that will take all posts ending in .upcase and process them using the UpcaseConverter:
module Jekyll
class UpcaseConverter < Converter
safe true
priority :low
def matches(ext)
ext =~ /upcase/i
end
def output_ext(ext)
".html"
end
def convert(content)
content.upcase
end
end
endConverters should implement at a minimum 3 methods:
1. matches: Called to determine whether the specific converter will run on the page.
2. output_ext: The extension of the outputted file, usually “.html”
3. convert: Logic to do the content conversion
In our example, UpcaseConverter#matches checks if our filename ends in the word ‘upcase’, and will render using the converter if it does. It will call UpcaseConverter#convert to process the content – in our simple converter we’re simply capitalizing the entire content string. Finally, when it saves the page, it will do so with the .html extension.
If you’d like to include custom liquid tags in your site, you can do so by hooking into the tagging system. Built-in examples from jekyll include the ‘highlight’ and the ‘include’ tag.
As an example, here is a custom liquid tag that will output the time the page was rendered:
module Jekyll
class RenderTimeTag < Liquid::Tag
def initialize(tag_name, text, tokens)
super
@text = text
end
def render(context)
"#{@text} #{Time.now}"
end
end
end
Liquid::Template.register_tag('render_time', Jekyll::RenderTimeTag)At a minimum, liquid tags must implement:
1. render: Outputs the content of the tag
You must also register the custom liquid tag with the Liquid templating system by calling:
Liquid::Template.register_tag('render_time', Jekyll::RenderTimeTag)In the example above, we can place the following tag anywhere in one of our pages:
{% render_time page rendered at: %}And we would get something like this on the page:
page rendered at: Tue June 22 23:38:47 -0500 2010
You can add your own filters to the liquid system much like you can add tags above. Filters are simply modules that export their methods to liquid. All methods will have to take at least one parameter which represents the input of the filter. The return value will be the output of the filter.
module Jekyll
module AssetFilter
def asset_url(input)
"http://www.example.com/#{input}?#{Time.now.to_i}"
end
end
end
Liquid::Template.register_filter(Jekyll::AssetFilter)Advanced: you can access the site object through the @context.registers feature of liquid. Registers a hash where arbitrary context objects can be attached to. In Jekyll you can access the site object through registers. As an example, you can access the global configuration (_config.yml) like this: @context.registers[:site].config['cdn'].
There are two flags to be aware of when writing a plugin:
1. safe: boolean that allows a plugin to be run in safe mode. However, site specific plugins loaded from the _plugins directory (in contrast to Jekyll wide plugins included in your Jekyll core) will never be run under safe mode. So in most cases, you don’t need to worry about this.
2. priority: determines what order the plugin is loaded in. Valid values are: :lowest, :low, :normal, :high, :highest
There are a few useful, prebuilt plugins at the following locations:
- Truncate HTML while preserving markup structure by Matt Hall
- Generic Blog Plugins by Jose Diaz-Gonzalez : Contains plugins for tags, categories, archives, as well as a few liquid extensions
- Domain Name Filter by Lawrence Woodman : Filters the input text so that just the domain name is left
- Jekyll Plugins by Recursive Design : Plugin to generate Project pages from github readmes, a Category page plugin, and a Sitemap generator
- Tag Cloud Plugin from a Jekyll walk-through : Plugin to generate a Tag Cloud
- Pygments Cache Path by Raimonds Simanovskis : Plugin to cache syntax-highlighted code from Pygments
- Delicious Plugin by Christian Hellsten : Fetches and renders bookmarks from delicious.com.
- Ultraviolet plugin by Steve Alex : Jekyll Plugin for Ultraviolet
- HAML plugin by Sam Z : HAML plugin for jekyll
- ArchiveGenerator by Ilkka Laukkanen : Uses this archive page to generate archives
- Tag Cloud Plugin by Ilkka Laukkanen : Jekyll tag cloud / tag pages plugin
- HAML/SASS Converter by Adam Pearson : Simple haml-sass conversion for jekyll. Fork by Sam X
- SASS scss Converter by Mark Wolfe : Jekyll Converter which uses the new css compatible syntax, based on the one written by Sam X.
- GIT Tag by Alexandre Girard : Jekyll plugin to add Git activity inside a list
- Draft/Publish Plugin by Michael Ivey
- Less.js generator by Andy Fowler : Jekyll plugin to render less.js files during generation.
- Less Converter by Jason Graham : A Jekyll plugin to convert a .less file to .css
- Less Converter by Josh Brown
- MathJax Liquid Tags by Jessy Cowan-Sharp : A simple liquid tag for Jekyll that converts {% m } and { em } into inline math, and { math } and { endmath %} into block equations, by replacing with the appropriate MathJax script tags.
- Non-JS Gist Tag by Brandon Tilley A Liquid tag for Jekyll sites that allows embedding Gists and showing code for non-JavaScript enabled browsers and readers.
- Growl Notification Generator by Tate Johnson
- Growl Notification Hook by Tate Johnson : Better alternative to the above, but requires his “hook” fork.
- Version Reporter by Blake Smith
- Upcase Converter by Blake Smith
- Render Time Tag by Blake Smith
- Summarize Filter by Mathieu Arnold
- Status.net/OStatus Tag by phaer
-
CoffeeScript converter by phaer : Put this file in _plugins/ and write a YAML header to your .coffee files (i.e.
"---\n---\n"). See http://coffeescript.org for more info - Raw Tag by phaer. : Keeps liquid from parsing text betweeen {% raw } and { endraw %}
- URL encoding by James An
- Sitemap.xml Generator by Michael Levin
- Markdown references by Olov Lassus : Keep all your markdown reference-style link definitions in one file (_references.md)
- Full-text search by Pascal Widdershoven : Add full-text search to your Jekyll site with this plugin and a bit of JavaScript.
- Stylus Converter Convert .styl to .css.
- Embed.ly client by Robert Böhnke Autogenerate embeds from URLs using oEmbed.
- Logarithmic Tag Cloud : Flexible. Logarithmic distribution. Usage eg: {% tag_cloud font-size: 50 – 150%, threshold: 2 %}. Documentation inline.
-
Related Posts by Lawrence Woodman : Overrides
site.related_poststo use categories to assess relationship - AliasGenerator by Thomas Mango : Generates redirect pages for posts when an alias configuration is specified in the YAML Front Matter.
- FlickrSetTag by Thomas Mango : Generates image galleries from Flickr sets.
- Projectlist by Frederic Hemberger : Loads all files from a directory and renders the entries into a single page, instead of creating separate posts.
- Tiered Archives by Eli Naeher : creates a tiered template variable that allows you to create archives grouped by year and month.
- Jammit generator by Vladimir Andrijevik : enables use of Jammit for JavaScript and CSS packaging.
- oEmbed Tag by Tammo van Lessen : enables easy content embedding (e.g. from YouTube, Flickr, Slideshare) via oEmbed.
- Company website and blog plugins by Flatterline, a Ruby on Rails development company : portfolio/project page generator, team/individual page generator, author bio liquid template tag for use on posts and a few other smaller plugins.
- Transform Layouts Monkey patching allowing HAML layouts (you need a HAML Converter plugin for this to work)
- ReStructuredText converter : Converts ReST documents to HTML with Pygments syntax highlighting.
- Tweet Tag by Scott W. Bradley : Liquid tag for Embedded Tweets using Twitter’s shortcodes
- jekyll-localization : Jekyll plugin that adds localization features to the rendering engine.
- jekyll-rendering : Jekyll plugin to provide alternative rendering engines.
- jekyll-pagination : Jekyll plugin to extend the pagination generator.
- jekyll-tagging : Jekyll plugin to automatically generate a tag cloud and tag pages.
- Generate YouTube Embed by joelverhagen : Jekyll plugin which allows you to embed a YouTube video in your page with the YouTube ID. Optionally specify width and height dimensions. Like “oEmbed Tag” but just for YouTube.
- Lazy and responsive Youtube video : a Jekill or Octopress plugin to embed YouTube video into your blog. Plugin has been optimized to delay the creation of , allowing many embedded videos in a single page without performance lost.
- JSON Filter by joelverhagen : filter that takes input text and outputs it as JSON. Great for rendering JavaScript.
- jekyll-beastiepress : FreeBSD utility tags for Jekyll sites.
- jsonball : reads json files and produces maps for use in jekylled files
- redcarpet2 : use Redcarpet2 for rendering markdown
- bibjekyll : render BibTeX-formatted bibliographies/citations included in posts/pages using bibtex2html
- jekyll-citation : render BibTeX-formatted bibliographies/citations included in posts/pages (pure Ruby)
- jekyll-scholar : Jekyll extensions for the blogging scholar
- jekyll-asset_bundler : bundles and minifies JavaScript and CSS
- Jekyll Dribbble Set Tag : builds Dribbble image galleries from any user
- debbugs : allows posting links to Debian BTS easily
- refheap_tag : Liquid tag that allows embedding pastes from refheap
- i18n_filter : Liquid filter to use I18n localization.
- singlepage-jekyll by JCB-K : turns Jekyll into a dynamic one-page website.
- flickr : Embed photos from flickr right into your posts.
- jekyll-devonly_tag : A block tag for including markup only during development.
- Jekyll plugins by Aucor : Plugins for eg. trimming unwanted newlines/whitespace and sorting pages by weight attribute.
- Only first paragraph : Show only first paragrpaph of page/post.
- jekyll-pandoc-plugin : use pandoc for rendering markdown.
- File compressor by mytharcher : Compress HTML and JavaScript(*.js) files when output.
- smilify by SaswatPadhi : Convert text emoticons in your content to themeable smiley pics. Demo
- excerpts by drawoc : provides a nice way to implement page excerpts.
- jekyll-mapping : A (fairly) comprehensive solution for embedding maps (both complex and simple) on Jekyll sites.
- jekyll-category-list : A CSS3 animated category list
- Garmin-tag : A tag for embedding Garmin activity iframes into your posts
- jekyll-json : Turn YAML config into JSON, for easy use in JavaScript. Will take sitewide defaults from _config.yml, and then apply page specific specifics over the top of this.
- jekyll-models : Make your own page objects like posts that use templates to generate a page for each one. These objects can hold any yaml you want. Have them generated into REST-like paths too.
- jekyll-sort : Sort lists (of hashes or primitives) under the site var and store the results back under the site var.
- jekyll-thumbnailer : Image thumbnailing plugin for Jekyll / octopress
- jekyll-slideshow : Slideshows in Jekyll. Makes it super easy for you to include image slideshows within your content – includes the JavaScript for the slideshows, and produces the thumbnail images for you.
- jekyll-prism-plugin : Replaces Pygments syntax highlighting with PrismJS.
- jekyll-js-minify-plugin : Minifies all Javascript files using Google Closure Compiler. Extremely simple, no configuration. Just drop it in.
- jekyll-press : Minifies all html, js, css files. No Java required. Simple. Just drop it in.
- jekyll-ditaa by Matthias Vogelgesang : Generates diagram images from ditaa markup blocks.
- jekyll-vimeo-plugin : Embed videos from Vimeo by using a Liquid tag.
- Jekyll Buildpack : Compile LESS, combine/uglify JS, copy files — Twitter Bootstrap friendly
- jekyll-soundcloud : A simple plug-in for embedding SoundCloud sounds in your Liquid templates.
- jekyll-flickr : A simple plug-in for embedding individual Flickr photos in your Liquid templates. Grabs multiple sizes and EXIF data as well.
- jekyll_oembed : Similar to oEmbed Tag by Tammo van Lessen, but supports additional params. For example, width for Vimeo.
- jekyll-emoji : Provides a Liquid filter for emojifying text via Gemmoji. See Emoji Cheat Sheet for a full listing of emoji codes.
- jekyll-author : Plugin to generate listing of posts by author. Also provides a Liquid filter for adding links for author to the listing page.
- epub-jekyll : A script (not quite a plugin) to generate an EPUB e-book from Jekyll posts and pages.
- jekyll-assets : Rails-alike assets pipelines for Jekyll
- jekyll-evernote_rss : Plugin for public Evernote notebook integration
- Hierarchical Categories : Append a hierarchical list of categories and posts to the Site object
- Time Ago In Words : A filter for converting Time into a human-readable format, just like the helper method in rails by the same name.
- Jekyll Asset Pipeline : Powerful asset pipeline for Jekyll that collects, converts and compresses JavaScript and CSS assets
- WP-to-Jekyll : full conversion with WP-like stack – javascript search, auto archive and category pages, audio tag filter, even scripts to push to EC2 pretty easily. Also a rake task for deployment.
- jekyll-minibundle : A minimalistic plugin for bundling and stamping assets, requiring only your bundling tool of choice, no other dependencies.
- jekyll_zeit : A plugin for including content from german newspaper “Die Zeit”/“Zeit online”
- gallery : a script (not quite a plugin) to generate a photo gallery
- jekyll-swfobject : A plugin for embedding Flash files (*.swf) by using SWFObject
- RSS Feed Relative URLs to Absolute filter : A plugin that converts relative URLs to absolute ones in href and src attributes. For RSS feeds.