From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 27 Feb 2022 07:22:49 +0000 (-0800)
Subject: Use module script
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=7fc63edd9ea91c0d8fccc1d8dac4b602f68443cf;p=ardislu.dev

Use module script
---

diff --git a/index.html b/index.html
index 0d911b4..16c6770 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="Ardis Lu's personal blog.">
   <link rel="icon" href="/favicon.ico">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/default.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/styles/default.min.css">
   <link rel="stylesheet" href="/style.css">
   <link rel="stylesheet" href="/print.css" media="print">
   <title>ardislu.dev</title>
@@ -54,10 +54,7 @@
     <main></main>
   </template>
 
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/3.0.4/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 src="/script.js"></script>
+  <script type="module" src="/script.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/script.js b/script.js
index a536a2c..fce6fe9 100644
--- a/script.js
+++ b/script.js
@@ -1,3 +1,8 @@
+import { marked } from 'https://cdn.jsdelivr.net/npm/marked@4.0.12/lib/marked.esm.min.js';
+import hljs from 'https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/es/highlight.min.js';
+import powershell from 'https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/es/languages/powershell.min.js';
+hljs.registerLanguage('powershell', powershell);
+
 if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register('/sw.js');
 }