update latex support

Arsu-Lab · Nov 22, 2024 · a58a645 · a58a645
1 parent 79a3d5b
commit a58a645
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -8,6 +8,14 @@
 <html lang="en">
 <head>
   <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+  <!-- need these to render latex -->
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-GvrOXuhMATgEsSwCs4smul74iXGOixntILdUW9XmUC6+HX0sLNAK3q71HotJqlAn" crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/index.umd.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/marked-katex-extension/lib/index.umd.js"></script>
+  <!--------------------------------->
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="author" content="Untree.co">
@@ -43,7 +51,13 @@
   </script>
   <script type="module">
     import { createApp, reactive } from 'https://unpkg.com/petite-vue?module'
+    //import { marked } from 'https://cdn.jsdelivr.net/npm/marked/marked.min.js';
+    //import { markedKatex } from 'https://cdn.jsdelivr.net/npm/marked-katex-extension/dist/marked-katex.min.js';
 
+
+    // Enable the KaTeX extension for marked
+    marked.use(markedKatex({ throwOnError: false }));
+
     /////////////////////////////////
     // Reactive blog logic
     const blogNav = reactive({