From 6f5e1b3f39fda3a0181aafd40d1ee3d868134456 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Thu, 14 Oct 2021 15:18:50 +0800
Subject: [PATCH] =?UTF-8?q?bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/DrawerRight.js | 2 +-
 layouts/IndexLayout.js    | 2 ++
 layouts/PageLayout.js     | 4 +++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/DrawerRight.js b/components/DrawerRight.js
index 8d76e406..aa345aae 100644
--- a/components/DrawerRight.js
+++ b/components/DrawerRight.js
@@ -40,7 +40,7 @@ const DrawerRight = ({ post, cRef }) => {
       <div
         className={(showDrawer ? 'shadow-2xl ' : ' -mr-72 ') + ' w-72 duration-200 h-full fixed right-0 top-16 overflow-y-auto'}>
         <div className='z-20'>
-          <TocBar toc={post.toc}/>
+          {post && <TocBar toc={post.toc}/>}
         </div>
       </div>
     </div>
diff --git a/layouts/IndexLayout.js b/layouts/IndexLayout.js
index 7873d613..502b6f64 100644
--- a/layouts/IndexLayout.js
+++ b/layouts/IndexLayout.js
@@ -9,6 +9,7 @@ import React, { useRef } from 'react'
 import Container from '@/components/Container'
 import JumpToTop from '@/components/JumpToTop'
 import SideBar from '@/components/SideBar'
+import TopNav from '@/components/TopNav'
 
 const IndexLayout = ({ tags, posts, page, currentTag, ...customMeta }) => {
   const meta = {
@@ -49,6 +50,7 @@ const IndexLayout = ({ tags, posts, page, currentTag, ...customMeta }) => {
 
   return (
     <Container id='wrapper' meta={meta} tags={tags}>
+      <TopNav tags={tags} />
 
       <div ref={targetRef} className={`${BLOG.font} flex justify-between bg-gray-100 dark:bg-black min-h-screen`}>
         {/* 侧边菜单 */}
diff --git a/layouts/PageLayout.js b/layouts/PageLayout.js
index bce4df59..be5c0cd0 100644
--- a/layouts/PageLayout.js
+++ b/layouts/PageLayout.js
@@ -9,6 +9,7 @@ import React, { useRef } from 'react'
 import Container from '@/components/Container'
 import JumpToTop from '@/components/JumpToTop'
 import SideBar from '@/components/SideBar'
+import TopNav from '@/components/TopNav'
 
 const IndexLayout = ({ tags, posts, page, currentTag, ...customMeta }) => {
   const meta = {
@@ -48,10 +49,11 @@ const IndexLayout = ({ tags, posts, page, currentTag, ...customMeta }) => {
 
   return (
     <Container id='wrapper' meta={meta} tags={tags}>
+      <TopNav tags={tags} />
 
       <div ref={targetRef} className={`${BLOG.font} flex justify-between bg-gray-100 dark:bg-black min-h-screen`}>
         {/* 侧边菜单 */}
-         <SideBar />
+        <SideBar />
         <div className='flex-grow'>
 
           <TagsBar tags={tags} currentTag={currentTag} />