mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-16 15:09:28 +00:00
71 lines
1.9 KiB
JavaScript
71 lines
1.9 KiB
JavaScript
import BLOG from '@/blog.config'
|
||
import ArticleDetail from '@/components/ArticleDetail'
|
||
import BaseLayout from '@/layouts/BaseLayout'
|
||
import { useGlobal } from '@/lib/global'
|
||
import {
|
||
getPostBlocks
|
||
} from '@/lib/notion'
|
||
import { getGlobalNotionData } from '@/lib/notion/getNotionData'
|
||
import Custom404 from '@/pages/404'
|
||
import 'prismjs'
|
||
import 'prismjs/components/prism-bash'
|
||
import 'prismjs/components/prism-javascript'
|
||
import 'prismjs/components/prism-markup'
|
||
import 'prismjs/components/prism-python'
|
||
import 'prismjs/components/prism-typescript'
|
||
import React from 'react'
|
||
|
||
/**
|
||
* 关于页面，默认取notion中slug为about的文章
|
||
* @param {*} param0
|
||
* @returns
|
||
*/
|
||
const About = ({ post, tags, prev, next, postCount, categories }) => {
|
||
if (!post) {
|
||
return <Custom404 />
|
||
}
|
||
const { locale } = useGlobal()
|
||
post.title = locale.NAV.ABOUT
|
||
const meta = {
|
||
title: `${locale.NAV.ABOUT} | ${BLOG.title} `,
|
||
description: post.summary,
|
||
type: 'post',
|
||
tags: []
|
||
}
|
||
|
||
return (
|
||
<BaseLayout
|
||
meta={meta}
|
||
tags={tags}
|
||
post={post}
|
||
postCount={postCount}
|
||
categories={categories}
|
||
>
|
||
<ArticleDetail post={post} prev={prev} next={next} />
|
||
</BaseLayout>
|
||
)
|
||
}
|
||
|
||
export async function getStaticProps () {
|
||
const from = 'about-props'
|
||
const { allPosts, categories, tags, postCount, latestPosts } = await getGlobalNotionData({ from, includePage: true })
|
||
const post = allPosts.find(p => p.slug === 'about')
|
||
|
||
if (!post) {
|
||
return { props: {}, revalidate: 1 }
|
||
}
|
||
|
||
post.blockMap = await getPostBlocks(post.id, 'slug')
|
||
|
||
const index = allPosts.indexOf(post)
|
||
const prev = allPosts.slice(index - 1, index)[0] ?? allPosts.slice(-1)[0]
|
||
const next = allPosts.slice(index + 1, index + 2)[0] ?? allPosts[0]
|
||
|
||
return {
|
||
props: { post, tags, prev, next, categories, postCount, latestPosts },
|
||
revalidate: 1
|
||
}
|
||
}
|
||
|
||
export default About
|