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} />