a bunch of shenanigans to make highlight.js work

Socketlike · Socketlike · commit a1d5bf80b3a5 · 2026-02-14T13:03:58.000+07:00
diff --git a/badge.png b/badge.png
diff --git a/content/web-badges.md b/content/web-badges.md
@@ -19,9 +19,24 @@ and here's [a list of them, linking to pages on neocities](https://neonaut.neoci
 after seeing that i really really wanted to make my own;\
 so i did! here it is: [-mutter (sorry if its low effort i made it in 2 minutes with aseprite)]
 
-[![evie's pages: blog](/resources/badge.png)](https://evie.is-a.dev)
+[![evie's pages: blog](/badge.png)](https://evie.is-a.dev)
 
- i DO wanna make a better one some day.\
+[-mutter (edit)] of course the badge would be useless without an embed code so here they are:
+- html:
+    ```html
+    <a href="{origin}">
+        <img
+            alt="evie's pages: blog"
+            src="{origin}/badge.png"
+        >
+    </a>
+    ```
+- markdown:
+    ```md
+    [![evie's pages: blog]({origin}/badge.png)]({origin})
+    ```
+
+i DO wanna make a better one some day.\
 [-mutter maybe tomorrow,\
 maybe never.\
 we'll see...]
diff --git a/index.html b/index.html
@@ -6,6 +6,9 @@
     <link rel="stylesheet" href="/src/styles.css">
     <meta name="color-scheme" content="dark">
 
+    <!-- external libraries -->
+    <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.11.1/styles/rose-pine.min.css">
+
     <!-- google font bs -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
diff --git a/src/index.js b/src/index.js
@@ -1,4 +1,12 @@
-import { marked } from 'https://cdn.jsdelivr.net/npm/marked@17.0.1/lib/marked.esm.js'
+import { marked } from 'https://unpkg.com/marked@17.0.1/lib/marked.esm.js'
+import hljs from 'https://unpkg.com/@highlightjs/cdn-assets@11.11.1/es/core.min.js'
+
+import hljsXML from 'https://unpkg.com/@highlightjs/cdn-assets@11.11.1/es/languages/xml.min.js'
+import hljsMarkdown from 'https://unpkg.com/@highlightjs/cdn-assets@11.11.1/es/languages/markdown.min.js'
+
+hljs.registerLanguage('html', hljsXML)
+hljs.registerLanguage('md', hljsMarkdown)
+
 import preprocess from '/src/preprocessor.js'
 import postprocess from '/src/postprocessor.js'
 
@@ -128,4 +136,6 @@ if (changelog)
 
             return line
         })
-    )
+    )
+
+hljs.highlightAll()
diff --git a/src/preprocessor.js b/src/preprocessor.js
@@ -47,10 +47,14 @@ const preprocessors = Object.freeze(
             }
         },
 
+        {
+            filter: /{origin}/g,
+            replacer: location.origin
+        },
+
         {
             filter: /{dialogue}/g,
-            replacer: () =>
-                `<span blockquote-dialogue></span>`
+            replacer: '<span blockquote-dialogue></span>'
         },
 
         {
diff --git a/src/styles.css b/src/styles.css
@@ -409,6 +409,10 @@ a:visited {
     content: ')';
 }
 
+pre code {
+    font-size: 14px;
+}
+
 code {
     font-family: 'JetBrains Mono', monospace;
 }

Original file line number	Diff line number	Diff line change
`@@ -47,10 +47,14 @@ const preprocessors = Object.freeze(`
`47`	`47`	`}`
`48`	`48`	`},`
`49`	`49`
	`50`	`+ {`
	`51`	`+ filter: /{origin}/g,`
	`52`	`+ replacer: location.origin`
	`53`	`+ },`
	`54`	`+`
`50`	`55`	`{`
`51`	`56`	`filter: /{dialogue}/g,`
`52`		`- replacer: () =>`
`53`		- `<span blockquote-dialogue></span>`
	`57`	`+ replacer: '<span blockquote-dialogue></span>'`
`54`	`58`	`},`
`55`	`59`
`56`	`60`	`{`
Original file line number	Diff line number	Diff line change
`@@ -409,6 +409,10 @@ a:visited {`
`409`	`409`	`content: ')';`
`410`	`410`	`}`
`411`	`411`
	`412`	`+pre code {`
	`413`	`+ font-size: 14px;`
	`414`	`+}`
	`415`	`+`
`412`	`416`	`code {`
`413`	`417`	`font-family: 'JetBrains Mono', monospace;`
`414`	`418`	`}`