fix: blog code highlight

milvus-io · Sep 27, 2024 · 26a20c2 · 26a20c2
1 parent 3083e05
commit 26a20c2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/src/blogs b/src/blogs
diff --git a/src/docs b/src/docs
diff --git a/src/pages/blog/[id].jsx b/src/pages/blog/[id].jsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useEffect, useRef } from 'react';
+import React, { useMemo, useRef } from 'react';
 import Head from 'next/head';
 import { useTranslation } from 'react-i18next';
 import Layout from '../../components/layout/commonLayout';
@@ -14,7 +14,7 @@ import BlogAnchorSection from '../../parts/blogs/blogAnchors';
 import pageClasses from '../../styles/responsive.module.less';
 import { ABSOLUTE_BASE_URL } from '@/consts';
 import { useCopyCode } from '../../hooks/enhanceCodeBlock';
-import { CUSTOM_H1_TAG } from '@/consts';
+import 'highlight.js/styles/atom-one-light.css';
 
 export default function Template(props) {
   const {

diff --git a/src/styles/blogDetail.module.less b/src/styles/blogDetail.module.less
@@ -12,8 +12,6 @@
     flex-direction: column;
     align-items: center;
 
-
-
     .authorDate {
       color: @color-grey-02;
       font-size: 18px;
@@ -73,6 +71,10 @@
         margin: 0 auto 60px;
       }
 
+      pre {
+        border: 1px solid @color-grey-04;
+      }
+
       code[class^='language-'] {
         display: block;
       }