migrate syntax highlight to js bundle

assets/scripts/features/index.js

@@ -13,3 +13,7 @@ if (process.env.FEATURE_DARKMODE) {
 if (process.env.FEATURE_FLOWCHART) {
   import('./flowchart');
 }
+
+if (process.env.FEATURE_SYNTAXHIGHLIGHT) {
+  import('./syntaxhighlight');
+}

assets/scripts/features/syntaxhighlight/hljs.js

@@ -0,0 +1,3 @@
+import hljs from 'highlight.js';
+
+hljs.highlightAll();

assets/scripts/features/syntaxhighlight/index.js

@@ -0,0 +1,3 @@
+if (process.env.FEATURE_SYNTAXHIGHLIGHT_HLJS) {
+  import('./hljs');
+}

layouts/_default/single.html

@@ -192,11 +192,6 @@
 {{ end }}
 
 {{ define "scripts" }}
-<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
-<script>
-  hljs.initHighlightingOnLoad();
-</script>
-
 <!-------------- Enable Math support for this page  ---------------->
 {{ if .Params.math }}
     {{ partial "math.html" . }}

layouts/notes/list.html

@@ -57,10 +57,6 @@
 {{ end }}
 
 {{ define "scripts" }}
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
-  <script>
-    hljs.initHighlightingOnLoad();
-  </script>
   {{ if .Params.math }}
       {{ partial "math.html" . }}
   {{ end }}

layouts/notes/single.html

@@ -47,10 +47,6 @@
 {{ end }}
 
 {{ define "scripts" }}
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
-  <script>
-    hljs.initHighlightingOnLoad();
-  </script>
   {{ if .Params.math }}
       {{ partial "math.html" . }}
   {{ end }}