change from highlightjs to prismjs

alifeee · Dec 4, 2024 · 6e24e05 · 6e24e05
1 parent ba72dcf
commit 6e24e05
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/notes/_build/.eleventy.js b/notes/_build/.eleventy.js
@@ -28,6 +28,9 @@ export default function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({ "../../*.js": copy_to });
   eleventyConfig.addPassthroughCopy({ "../../*.png": copy_to });
   eleventyConfig.addPassthroughCopy({ "./*.xsl": copy_to });
+  eleventyConfig.addPassthroughCopy({
+    "../../prism-components/*": "/prism-components/",
+  });
 
   const markdownLib = markdownIt({ html: true }).use(markdownItAnchor);
   eleventyConfig.setLibrary("md", markdownLib);
@@ -171,6 +174,9 @@ export default function (eleventyConfig) {
     if (limit == -1) return array;
     return array.slice(0, limit);
   });
+  eleventyConfig.addFilter("dev", () => {
+    return process.env.ELEVENTY_RUN_MODE != "build";
+  });
 
   // wordcount - probably pass "page.rawInput"
   eleventyConfig.addFilter("wordcount", (content) => {
@@ -186,7 +192,7 @@ export default function (eleventyConfig) {
 }
 
 export const config = {
-  pathPrefix: process.env.ELEVENTY_RUN_MODE == "build" ? "/notes/" : "/",
-  // pathPrefix: "test",
+  // pathPrefix: process.env.ELEVENTY_RUN_MODE == "build" ? "/notes/" : "/",
+  pathPrefix: "/notes/",
   markdownTemplateEngine: false,
 };
diff --git a/notes/_includes/page.hbs b/notes/_includes/page.hbs
@@ -25,10 +25,13 @@
     <link rel="icon" type="image/png" href="/og-image.png" />
     <link rel="stylesheet" href='/picnic.css'>
 
-    <link rel="stylesheet" href='/highlight.min.css'>
-    <script src="/highlight.min.js"></script>
-
-    <script>hljs.highlightAll();</script>
+    <!-- prismjs for code highlighting -->
+    <link rel="stylesheet" href="/prism.min.css" />
+    <script src="/prism.min.js"></script>
+    <script src="/prism-autoloader.min.js"></script>
+    <script>
+        Prism.plugins.autoloader.languages_path = "{{#unless dev}}/notes{{/unless}}/prism-components/";
+    </script>
 
     <style>
         header {