Prism
Code syntax highlighting using Prism
Description
This plugin uses the Prism library to search and syntax highlight the code of any <pre><code>
element.
Installation
Import this plugin in your _config.ts
file to use it:
import lume from "lume/mod.ts";
import prism from "lume/plugins/prism.ts";
const site = lume();
site.use(prism());
export default site;
Configuration
Prism by default load the default languages markup
, css
, clike
and javascript
. You can load more languages in this way:
import lume from "lume/mod.ts";
import prism from "lume/plugins/prism.ts";
// Additional prism languages
import "npm:prismjs@1.29.0/components/prism-less.js";
import "npm:prismjs@1.29.0/components/prism-git.js";
const site = lume();
site.use(prism());
export default site;