From 5a2c1581b520963ce3195787502420e26adaf19e Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Thu, 4 Nov 2021 09:55:33 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20MenuGroup=20=E5=8E=BB=E9=99=A4hover?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=EF=BC=9B=20=E4=BB=A3=E7=A0=81=E5=9D=97?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E8=89=B2=EF=BC=8C=E4=BB=A3=E7=A0=81css?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E4=BC=98=E5=8C=96=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/LastedPosts.js | 2 +-
 components/SideBar.js     | 2 +-
 pages/_app.js             | 6 +-----
 pages/article/[slug].js   | 8 ++++++++
 styles/notion.css         | 4 ++--
 5 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/components/LastedPosts.js b/components/LastedPosts.js
index 6b551fa7..88e1d4c6 100644
--- a/components/LastedPosts.js
+++ b/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>
diff --git a/components/SideBar.js b/components/SideBar.js
index b3a9db30..781e8d1a 100644
--- a/components/SideBar.js
+++ b/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'>
diff --git a/pages/_app.js b/pages/_app.js
index 3387ac80..18688f55 100644
--- a/pages/_app.js
+++ b/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'
diff --git a/pages/article/[slug].js b/pages/article/[slug].js
index 0b54d117..ff0cf109 100644
--- a/pages/article/[slug].js
+++ b/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, '')
 }
diff --git a/styles/notion.css b/styles/notion.css
index c727889a..6f2774ab 100644
--- a/styles/notion.css
+++ b/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;
 }