perf: 图片cdn

src/components/Layout/navbar.tsx

@@ -34,7 +34,12 @@ const Navbar = ({
     >
       {/* logo */}
       <Box pb={4}>
-        <Image src={'/logo.png'} width={'35'} height={'35'} alt=""></Image>
+        <Image
+          src={'https://docgpt-1301319986.cos.ap-shanghai.myqcloud.com/icon/logo.png'}
+          width={'35'}
+          height={'35'}
+          alt=""
+        ></Image>
       </Box>
       {/* 导航列表 */}
       <Box flex={1}>

src/components/Layout/navbarPhone.tsx

@@ -48,7 +48,13 @@ const NavbarPhone = ({
         <DrawerContent maxWidth={'50vw'}>
           <DrawerBody p={4}>
             <Box py={4}>
-              <Image src={'/logo.png'} margin={'auto'} w={'35'} h={'35'} alt=""></Image>
+              <Image
+                src={'https://docgpt-1301319986.cos.ap-shanghai.myqcloud.com/icon/logo.png'}
+                margin={'auto'}
+                w={'35'}
+                h={'35'}
+                alt=""
+              ></Image>
             </Box>
             {navbarList.map((item) => (
               <Flex

src/components/Markdown/codeLight.ts

@@ -1,5 +1,47 @@
 import React from 'react';
 export const codeLight: { [key: string]: React.CSSProperties } = {
+  'code[class*=language-]': {
+    color: '#d4d4d4',
+    fontSize: '13px',
+    textShadow: 'none',
+    fontFamily: 'Menlo,Monaco,Consolas,"Andale Mono","Ubuntu Mono","Courier New",monospace',
+    direction: 'ltr',
+    textAlign: 'left',
+    whiteSpace: 'pre',
+    wordSpacing: 'normal',
+    wordBreak: 'normal',
+    lineHeight: '1.5',
+    MozTabSize: '4',
+    OTabSize: '4',
+    tabSize: '4',
+    WebkitHyphens: 'none',
+    MozHyphens: 'none',
+    msHyphens: 'none',
+    hyphens: 'none'
+  },
+  'pre[class*=language-]': {
+    color: '#d4d4d4',
+    fontSize: '13px',
+    textShadow: 'none',
+    fontFamily: 'Menlo,Monaco,Consolas,"Andale Mono","Ubuntu Mono","Courier New",monospace',
+    direction: 'ltr',
+    textAlign: 'left',
+    whiteSpace: 'pre',
+    wordSpacing: 'normal',
+    wordBreak: 'normal',
+    lineHeight: '1.5',
+    MozTabSize: '4',
+    OTabSize: '4',
+    tabSize: '4',
+    WebkitHyphens: 'none',
+    MozHyphens: 'none',
+    msHyphens: 'none',
+    hyphens: 'none',
+    padding: '1em',
+    margin: '.5em 0',
+    overflow: 'auto',
+    background: '#1e1e1e'
+  },
   'code[class*=language-] ::selection': {
     textShadow: 'none',
     background: '#264f78'