feature:

MenuGroup 去除hover颜色；
代码块背景色，代码css加载优化；

components/LastedPosts.js

@@ -21,7 +21,7 @@ const LastedPosts = ({ posts }) => {
 
   return <>
     <section
-      className='text-sm font-bold py-3 px-5 text-gray-600 dark:text-gray-400 dark:hover:bg-black duration-100 flex flex-nowrap align-middle'>
+      className='text-sm font-bold py-3 px-5 text-gray-600 dark:text-gray-400 duration-100 flex flex-nowrap align-middle'>
       <div className='w-32'>最近更新</div>
     </section>
     <div>

components/SideBar.js

@@ -37,7 +37,7 @@ const SideBar = ({ tags, currentTag, post, posts }) => {
         {tags && (
           <div className='mt-2'>
             <section
-              className='text-sm font-bold py-3 px-5 text-gray-600 dark:text-gray-400 dark:hover:bg-black duration-100 flex flex-nowrap align-middle'>
+              className='text-sm font-bold py-3 px-5 text-gray-600 dark:text-gray-400 duration-100 flex flex-nowrap align-middle'>
               <div className='w-32'>标签</div>
             </section>
             <div className='px-5'>

pages/_app.js

@@ -2,13 +2,9 @@ import '@/styles/notion.css'
 import 'rc-dropdown/assets/index.css'
 import 'katex/dist/katex.min.css'
 import '@/styles/globals.css'
-import 'prismjs'
-import 'prismjs/themes/prism-okaidia.css'
-import 'prismjs/components/prism-markup'
-import 'prismjs/components/prism-python'
-import 'prismjs/components/prism-bash'
 import 'animate.css'
 import 'font-awesome/css/font-awesome.min.css'
+
 import BLOG from '@/blog.config'
 import dynamic from 'next/dynamic'
 import { LocaleProvider } from '@/lib/locale'

pages/article/[slug].js

@@ -16,6 +16,14 @@ import BaseLayout from '@/layouts/BaseLayout'
 import { useRef } from 'react'
 import Custom404 from '@/pages/404'
 
+import 'prismjs/themes/prism-okaidia.css'
+import 'prismjs'
+import 'prismjs/components/prism-bash'
+import 'prismjs/components/prism-markup'
+import 'prismjs/components/prism-python'
+import 'prismjs/components/prism-javascript'
+import 'prismjs/components/prism-typescript'
+
 const mapPageUrl = id => {
   return 'https://www.notion.so/' + id.replace(/-/g, '')
 }

styles/notion.css

@@ -689,12 +689,12 @@ svg.notion-page-icon {
   width: 100%;
   padding: 30px 16px 30px 20px;
   margin: 4px 0;
-  border-radius: 3px;
+  border-radius: 10px;
   tab-size: 2;
   display: block;
   box-sizing: border-box;
   overflow: auto;
-  background: var(--bg-color-1);
+  background: #272822;
   font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier,
     monospace;
 }