From: Ardis Lu <ardisglu@gmail.com>
Date: Wed, 15 Sep 2021 05:42:24 +0000 (-0700)
Subject: Use highlight.js for <code> styling
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=f93b0b96ff9ad057f2dccfc24707b4db23d2d2fb;p=ardislu.dev

Use highlight.js for <code> styling
---

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>