feature： 剥离主题目录

pages/article/[slug].js

@@ -1,78 +1,19 @@
 import BLOG from '@/blog.config'
-import ArticleDetail from '@/components/ArticleDetail'
-import Card from '@/components/Card'
-import LatestPostsGroup from '@/components/LatestPostsGroup'
-import Live2D from '@/components/Live2D'
-import TocDrawer from '@/components/TocDrawer'
-import TocDrawerButton from '@/components/TocDrawerButton'
-import BaseLayout from '@/layouts/BaseLayout'
 import { getPostBlocks } from '@/lib/notion'
 import { getGlobalNotionData } from '@/lib/notion/getNotionData'
+import { ArticleLayout } from '@/themes'
 import Custom404 from '@/pages/404'
-import { getPageTableOfContents } from 'notion-utils'
-import { useRef } from 'react'
 
 /**
  * 根据notion的slug访问页面
  * @param {*} param0
  * @returns
  */
-const Slug = ({
-  post,
-  tags,
-  prev,
-  next,
-  recommendPosts,
-  categories,
-  postCount,
-  latestPosts
-}) => {
-  if (!post) {
+const Slug = (props) => {
+  if (!props.post) {
     return <Custom404 />
   }
-  const meta = {
-    title: `${post.title} | ${BLOG.title}`,
-    description: post.summary,
-    type: 'article',
-    tags: post.tags
-  }
-
-  const drawerRight = useRef(null)
-  const targetRef = typeof window !== 'undefined' ? document.getElementById('container') : null
-  post.content = Object.keys(post?.blockMap?.block)
-  post.toc = getPageTableOfContents(post, post.blockMap)
-  const floatSlot = post?.toc?.length > 1 ? <div className="block lg:hidden"><TocDrawerButton onClick={() => { drawerRight?.current?.handleSwitchVisible() }} /></div> : null
-
-  return (
-    <BaseLayout
-      meta={meta}
-      tags={tags}
-      post={post}
-      postCount={postCount}
-      latestPosts={latestPosts}
-      categories={categories}
-      floatSlot={floatSlot}
-      rightAreaSlot={
-        BLOG.widget?.showLatestPost && <Card><LatestPostsGroup posts={latestPosts} /></Card>
-      }
-    >
-      <ArticleDetail
-        post={post}
-        recommendPosts={recommendPosts}
-        prev={prev}
-        next={next}
-      />
-
-      {/* 悬浮目录按钮 */}
-      <div className="block lg:hidden">
-        <TocDrawer post={post} cRef={drawerRight} targetRef={targetRef} />
-      </div>
-
-      {/* 宠物 */}
-      <Live2D/>
-
-    </BaseLayout>
-  )
+  return <ArticleLayout {...props}/>
 }
 
 export async function getStaticPaths () {