A Liquid tag plugin for Jekyll that replaces the built in {% highlight %} tag, and allows passing the language to highlight in as a parameter.

An issue for making this change a part of the mainline Jekyll Highlight tag can be found here.


Add this line to your application's Gemfile:

group :jekyll_plugins do
    gem 'jekyll-highlight-param', :github => 'UriShX/jekyll-highlight-param'

And then execute:

$ bundle

Or install it yourself as:

$ gem install jekyll-highlight-param

Then add the following to your site's _config.yml:

  - jekyll-highlight-param

💡 If you are using a Jekyll version less than 3.5.0, use the gems key instead of plugins.


Basic usage

Basic usage is the same as Jekyll's {% highlight %} tag, i.e.:

{% highlight_param ruby %}
def foo
  puts 'foo'
{% endhighlight_param %}

Using variables names for the language

The name of the language you for the code to be highlighted can be specified as a variable instead of specifying the language directly in the template. For example, suppose you defined a variable in your page's front matter like this:

title: My page
my_code: footer_company_a.html
my_lang: liquid

You could then reference that variable in your highlight:

{% if page.my_variable %}
  {% capture my_code %}
    {% include {{ page.code }} %}
  {% endcapture %}
  {% highlight_param page.my_lang %}
    {{ my_code | strip }}
  {% endhighlight_param %}
{% endif %}

In this example, the capture will store the include file _includes/footer_company_a.html, then the highlight will would match the display to match the syntax of liquid.


  1. Fork it.
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request