@11ty/eleventy-plugin-syntaxhighlight

eleventy-plugin-syntaxhighlight

A pack of Eleventy plugins for syntax highlighting using the Liquid templating engine.

Usage

Prism Syntax Highlighter

{% highlight js %}
function myFunction() {
  return true;
}
{% endhighlight %}

// Line highlighting classes (single highlight)
// Adds `highlight-line-active` class to lines 1,3,5 (for line highlighting)
{% highlight js 1,3-5 %}
function myFunction() {
  // …
  return true;
}
{% endhighlight %}

// Line highlighting classes (add and remove)
// Adds `highlight-line-add` class to lines 1,3
// Adds `highlight-line-remove` class to lines 5,6,7,8
{% highlight js 1,3 5-8 %}
function myFunction() {
  // …
  return true;
}
{% endhighlight %}

Plain Code Block

No syntax highlighting here but you do get the line highlighting features shown in the Prism examples above.

{% highlight-plain js %}

{% highlight-plain js 1,3-5 %}

{% highlight-plain js 1,3 5-8 %}