diff --git a/pages/about.js b/pages/about.js
index 28a93342..0ccfeae3 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -21,7 +21,7 @@ import React from 'react'
  * @param {*} param0
  * @returns
  */
-const About = ({ post, blockMap, tags, prev, next, allPosts, categories }) => {
+const About = ({ post, blockMap, tags, prev, next, postCount, categories }) => {
   if (!post) {
     return <Custom404 />
   }
@@ -39,10 +39,10 @@ const About = ({ post, blockMap, tags, prev, next, allPosts, categories }) => {
       meta={meta}
       tags={tags}
       post={post}
-      totalPosts={allPosts}
+      postCount={postCount}
       categories={categories}
     >
-      <ArticleDetail post={post} blockMap={blockMap} allPosts={allPosts} prev={prev} next={next} />
+      <ArticleDetail post={post} blockMap={blockMap} prev={prev} next={next} />
     </BaseLayout>
   )
 }
@@ -69,7 +69,7 @@ export async function getStaticProps () {
   const next = allPosts.slice(index + 1, index + 2)[0] ?? allPosts[0]
 
   return {
-    props: { post, blockMap, tags, prev, next, allPosts, categories, postCount, latestPosts },
+    props: { post, blockMap, tags, prev, next, categories, postCount, latestPosts },
     revalidate: 1
   }
 }
diff --git a/pages/article/[slug].js b/pages/article/[slug].js
index 8f055522..0a5c4bbb 100644
--- a/pages/article/[slug].js
+++ b/pages/article/[slug].js
@@ -16,7 +16,6 @@ const Slug = ({
   tags,
   prev,
   next,
-  allPosts,
   recommendPosts,
   categories,
   postCount,
@@ -39,7 +38,6 @@ const Slug = ({
       post={post}
       postCount={postCount}
       latestPosts={latestPosts}
-      totalPosts={allPosts}
       categories={categories}
     >
       <ArticleDetail
@@ -95,7 +93,6 @@ export async function getStaticProps ({ params: { slug } }) {
       tags,
       prev,
       next,
-      allPosts,
       recommendPosts,
       categories,
       postCount,
diff --git a/pages/search.js b/pages/search.js
index 498a4c0f..f342072c 100644
--- a/pages/search.js
+++ b/pages/search.js
@@ -25,7 +25,7 @@ export async function getStaticProps () {
   }
 }
 
-const Search = ({ posts, tags, categories, postCount, latestPosts }) => {
+const Search = ({ posts, tags, categories, postCount }) => {
   let filteredPosts = []
   const searchKey = getSearchKey()
   if (searchKey) {
diff --git a/pages/tag/index.js b/pages/tag/index.js
index 54405469..6977f37d 100644
--- a/pages/tag/index.js
+++ b/pages/tag/index.js
@@ -7,14 +7,14 @@ import { faTags } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import React from 'react'
 
-export default function Tag ({ tags, allPosts, categories, postCount, latestPosts }) {
+export default function Tag ({ tags, categories, postCount, latestPosts }) {
   const { locale } = useGlobal()
   const meta = {
     title: `${locale.COMMON.TAGS} | ${BLOG.title}`,
     description: BLOG.description,
     type: 'website'
   }
-  return <BaseLayout meta={meta} categories={categories} totalPosts={allPosts} postCount={postCount} latestPosts={latestPosts}>
+  return <BaseLayout meta={meta} categories={categories} postCount={postCount} latestPosts={latestPosts}>
       <div className='bg-white dark:bg-gray-700 px-10 py-10 shadow'>
         <div className='dark:text-gray-200 mb-5'><FontAwesomeIcon icon={faTags} className='mr-4'/>{locale.COMMON.TAGS}:</div>
         <div id='tags-list' className='duration-200 flex flex-wrap'>
@@ -28,12 +28,11 @@ export default function Tag ({ tags, allPosts, categories, postCount, latestPost
 
 export async function getStaticProps () {
   const from = 'tag-index-props'
-  const { allPosts, categories, tags, postCount, latestPosts } = await getGlobalNotionData({ from, includePage: true, tagsCount: 0 })
+  const { categories, tags, postCount, latestPosts } = await getGlobalNotionData({ from, includePage: true, tagsCount: 0 })
 
   return {
     props: {
       tags,
-      posts: allPosts,
       categories,
       postCount,
       latestPosts