@akumzy/eleventy-plugin-syntaxhighlight

This package simply adds line numbers support to Eleventy to official @11ty/eleventy-plugin-syntaxhighligh

Usage no npm install needed!

<script type="module">
  import akumzyEleventyPluginSyntaxhighlight from 'https://cdn.skypack.dev/@akumzy/eleventy-plugin-syntaxhighlight';
</script>

README

@akumzy/eleventy-plugin-syntaxhighlight

This package simply adds line numbers support to Eleventy to official @11ty/eleventy-plugin-syntaxhighligh

Installation

npm install --save-dev  @akumzy/eleventy-plugin-syntaxhighlight

Configuration

const syntaxHighlight = require('@akumzy/eleventy-plugin-syntaxhighlight')

module.exports = function(eleventyConfig) {
  eleventyConfig.addPlugin(syntaxHighlight,  { showLineNumbers: false, alwaysWrapLineHighlights:false })
}

Markup Usage

```js#/1-2
function myFunction() {
  let highlighted = true;
  return highlighted;
}
```

To start with a specific line number, add the number enclosed with square brackets eg. [2] after the hash mark (#).

The line numbers for this code fence will start at 2 plus the highlighting syntax.

```json#[2]2,3
{
  "all": [...],
  "nav": [...],
  "books": [
    {
      "inputPath": "./src/articles/finding-oz.md",
      "outputPath": "_site/articles/finding-oz/index.html",
      "fileSlug": "finding-oz",
      "data": {...},
      "date": "2009-08-07T13:52:12.000Z",
      "url": "/articles/finding-oz/",
      "templateContent": "<p>As with most books ... much about The Wizard of Oz</li>\n</ul>\n",
      "template": {...}
    },
    ...
  ],
  "programming": [...],
}
```

Credits