From f93b0b96ff9ad057f2dccfc24707b4db23d2d2fb Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 14 Sep 2021 22:42:24 -0700
Subject: [PATCH] Use highlight.js for <code> styling

---
 404.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/404.html b/404.html
index 3bd634c..c7d1792 100644
--- a/404.html
+++ b/404.html
@@ -7,6 +7,7 @@
   <meta name="description" content="Ardis Lu's personal blog." />
   <link rel="icon" href="/favicon.ico" />
   <link rel="stylesheet" href="/style.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/default.min.css">
   <title>ardislu.dev</title>
 </head>
 
@@ -20,6 +21,8 @@
     <article class="post"></article>
   </main>
   <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/languages/powershell.min.js"></script>
   <script>
     const article = document.getElementsByTagName("article")[0];
     article.innerHTML = '<div class="skeleton-line"></div>'.repeat(20);
@@ -54,6 +57,8 @@
       await fetch(url)
         .then((httpResponse) => httpResponse.json())
         .then((googleDoc) => inject(googleDoc));
+
+      hljs.highlightAll();
     })();
   </script>
 </body>
-- 
2.47.3