@pavelloz/eleventy-plugin-syntaxhighlight
v0.0.3
This package simply adds line numbers support to Eleventy to official [@11ty/eleventy-plugin-syntaxhighligh](https://github.com/11ty/eleventy-plugin-syntaxhighlight)
0/weekUpdated 3 years agoMITUnpacked: 7.9 KB
Published by Akuma Isaac Akuma
npm install @pavelloz/eleventy-plugin-syntaxhighlight@pavelloz/eleventy-plugin-syntaxhighlight
This package simply adds line numbers support to Eleventy to official @11ty/eleventy-plugin-syntaxhighligh
It escapes {%, {{, }} and %} to pass liquid validation.
Installation
``sh`
npm install --save-dev @akumzy/eleventy-plugin-syntaxhighlight
Configuration
`js
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.
`` As with most books ... much about The Wizard of Oz\n\n",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": "
"template": {...}
},
...
],
"programming": [...],
}
Credits
- Philip Borenstein (@pborenstein): eleventy-md-syntax-highlight