fix: 暗色模式刷新页面代码块重影问题（盲修，不一定完全修好）#162

packages/website/components/Markdown/Code.tsx

@@ -1,5 +1,5 @@
 import dynamic from "next/dynamic";
-import { useContext } from "react";
+import { useContext, useMemo } from "react";
 import CopyToClipboard from "react-copy-to-clipboard";
 import toast from "react-hot-toast";
 import { CodeComponent, CodeProps } from "react-markdown/lib/ast-to-react";
@@ -10,6 +10,10 @@ import { ThemeContext } from "../../utils/themeContext";
 export function CodeBlock(props: { children: any; match: any }) {
   const code = props.children.replace(/\n$/, "");
   const { theme } = useContext(ThemeContext);
+  const codeStyle = useMemo(() => {
+    if (theme.includes("dark")) { return dark }
+    return light as any
+  }, [theme])
 
   return (
     <>
@@ -50,7 +54,7 @@ export function CodeBlock(props: { children: any; match: any }) {
         </div>
 
         <SyntaxHighlighter
-          style={theme.includes("dark") ? dark : (light as any)}
+          style={codeStyle}
           language={props.match?.length ? props.match[1] : undefined}
           wrapLines={true}
           lineProps={() => {