feat: code syntax highlight

tsugumi-sys · tsugumi-sys · commit 82d2f25c7686 · 2025-12-18T17:03:56.000+09:00
diff --git a/html/src/index.rs b/html/src/index.rs
@@ -17,6 +17,15 @@ pub fn index_html(
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>{owner_name} Blog</title>
   <link rel="stylesheet" href="{csv_file_path}">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css">
+  <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-core.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
+  <script>
+    // Load languages on demand from the CDN
+    if (window.Prism && Prism.plugins.autoloader) {{
+      Prism.plugins.autoloader.languages_path = "https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/";
+    }}
+  </script>
   {icon_html}
 </head>
 <body>
@@ -156,6 +165,7 @@ pub fn index_html(
     searchInput.addEventListener('input', doSearch);
 
     initialize();
+    Prism.highlightAll();
   </script>
 "#,
     );
diff --git a/html/src/post.rs b/html/src/post.rs
@@ -34,6 +34,15 @@ pub fn post_html(
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>{title}</title>
   <link rel="stylesheet" href="{css_file_path}">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css">
+  <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-core.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
+  <script>
+    // Load languages on demand from the CDN
+    if (window.Prism && Prism.plugins.autoloader) {{
+      Prism.plugins.autoloader.languages_path = "https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/";
+    }}
+  </script>
   {icon_html}
 </head>
 <body>
@@ -47,6 +56,7 @@ pub fn post_html(
     </main>
   </div>
   {footer_html}
+  <script>Prism.highlightAll();</script>
 </body>
 </html>
 "#,
