lume.land is my most favorite static site generator, but I was not able to figure out how to use code_highlight plugin.
Since there was no document, I will write it here.
_config.js:
import lume from "lume/mod.ts";
import code_highlight from "lume/plugins/code_highlight.ts";
// import your favorite language
import lang_javascript from "https://unpkg.com/@highlightjs/cdn-assets@11.6.0/es/languages/javascript.min.js";
import lang_bash from "https://unpkg.com/@highlightjs/cdn-assets@11.6.0/es/languages/bash.min.js";
const site = lume();
// download your favorite theme
site.remoteFile(
"_includes/css/code.css",
"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.6.0/build/styles/github.min.css"
);
site.use(
code_highlight({
languages: {
javascript: lang_javascript,
bash: lang_bash,
},
})
);
export default site;
Because you got _includes/css/code.css, you need to load this file in style.css (which is loaded in a HTML file):
@import "css/code.css";
Top comments (0)