Added syntax highlighting for code blocks using highlight.js library …

…in Layout component.
yasuaki640 · Jul 13, 2024 · e9e2296 · e9e2296
1 parent 99b2f9d
commit e9e2296
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/views/Layout.tsx b/src/views/Layout.tsx
@@ -2,6 +2,16 @@ import type { FC } from "hono/jsx";
 
 export const Layout: FC = ({ children }) => (
   <html lang={"ja"}>
+    <head>
+      <link
+        rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css"
+      />
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/go.min.js"></script>
+      <script>hljs.highlightAll();</script>
+    </head>
+
     <body>{children}</body>
   </html>
 );