From 5b4df90c971607f052dc5bdf35f3385c9bca4841 Mon Sep 17 00:00:00 2001 From: tangly1024 Date: Tue, 28 Sep 2021 20:57:26 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=85=20=E5=BE=AE=E8=B0=83=20=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/Comment.js | 5 ++++- components/DarkModeButton.js | 2 +- components/RightAside.js | 12 +++++------- components/SideBar.js | 11 ++++++++--- layouts/ArticleLayout.js | 2 +- 5 files changed, 19 insertions(+), 13 deletions(-) diff --git a/components/Comment.js b/components/Comment.js index 3bdfa55c..2b19538b 100644 --- a/components/Comment.js +++ b/components/Comment.js @@ -1,6 +1,8 @@ import BLOG from '@/blog.config' import dynamic from 'next/dynamic' import { useRouter } from 'next/router' +import { useTheme } from '@/lib/theme' +import { useEffect, useState } from 'react' const GitalkComponent = dynamic( () => { @@ -23,6 +25,7 @@ const CusdisComponent = dynamic( const Comment = ({ frontMatter }) => { const router = useRouter() + const { theme } = useTheme() return
留下评论
@@ -55,7 +58,7 @@ const Comment = ({ frontMatter }) => { pageId: frontMatter.id, pageTitle: frontMatter.title, pageUrl: BLOG.link + router.asPath, - theme: BLOG.appearance + theme: theme }} lang={BLOG.lang.toLowerCase()} /> diff --git a/components/DarkModeButton.js b/components/DarkModeButton.js index 313c50b9..ac7601f4 100644 --- a/components/DarkModeButton.js +++ b/components/DarkModeButton.js @@ -8,7 +8,7 @@ const DarkModeButton = () => { changeTheme(newTheme) localStorage.setItem('theme', newTheme) } - return
+ return
} diff --git a/components/RightAside.js b/components/RightAside.js index a9ec5f91..2088a16f 100644 --- a/components/RightAside.js +++ b/components/RightAside.js @@ -22,17 +22,15 @@ const RightAside = ({ toc, post }) => { changeHideAside(true) } }, 500) - const [hideAside, changeHideAside] = useState(false) + const [hideAside, changeHideAside] = useState(true) return