95 lines
3.1 KiB
TypeScript
95 lines
3.1 KiB
TypeScript
import { HomeCover } from "@/components/homepage/HomeCover";
|
|
import { ContentContainer, Page } from "@/components/layouts/layouts";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Separator } from "@/components/ui/separator";
|
|
import { Footer } from "@/components/utils/Footer";
|
|
import { NavBar } from "@/components/utils/NavBar";
|
|
import { PostList } from "@/components/utils/PostList";
|
|
import { SEO } from "@/components/utils/SEO";
|
|
import { LatestPostCountInHomePage } from "@/consts/consts";
|
|
import { Config } from "@/data/config";
|
|
import { sortedPosts } from "@/lib/post-process";
|
|
import { generateRSSFeed } from "@/lib/rss";
|
|
import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
|
|
import { TPostListItem } from "@/types/post-list";
|
|
import { GetStaticProps } from "next";
|
|
import Link from "next/link";
|
|
import { LuPenTool } from "react-icons/lu";
|
|
import { RiStarFill } from "react-icons/ri";
|
|
|
|
type HomePageProps = {
|
|
pinnedPostList: TPostListItem[];
|
|
latestPostList: TPostListItem[];
|
|
};
|
|
|
|
export default function Home(props: HomePageProps) {
|
|
return (
|
|
<Page>
|
|
<SEO
|
|
title={`${Config.SiteTitle} - The personal blog for ${Config.Nickname}`}
|
|
description={`Welcome to the ${Config.Nickname}'s blog website. It's the website for recording thoughts for technology, life experience and so on.`}
|
|
coverURL={Config.PageCovers.websiteCoverURL}
|
|
/>
|
|
<ContentContainer>
|
|
<NavBar />
|
|
<HomeCover />
|
|
{props.pinnedPostList.length !== 0 && (
|
|
<div>
|
|
<Separator />
|
|
<h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
|
|
<RiStarFill className="mx-2 my-auto" />
|
|
{"PINNED POSTS"}
|
|
</h2>
|
|
<Separator />
|
|
<PostList data={props.pinnedPostList} />
|
|
</div>
|
|
)}
|
|
{props.latestPostList.length !== 0 && (
|
|
<div>
|
|
<Separator />
|
|
<h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
|
|
<LuPenTool className="mx-2 my-auto" />
|
|
{"LATEST POSTS"}
|
|
</h2>
|
|
<Separator />
|
|
<PostList data={props.latestPostList} />
|
|
<Separator />
|
|
<div className="my-5 flex justify-end">
|
|
<Button asChild>
|
|
<Link href="/posts" className="font-bold">
|
|
{"MORE POSTS >"}
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
)}
|
|
</ContentContainer>
|
|
<Footer />
|
|
</Page>
|
|
);
|
|
}
|
|
|
|
export const getStaticProps: GetStaticProps<HomePageProps> = async () => {
|
|
const pinnedPostList = sortedPosts.pinnedPostList;
|
|
const latestPostList = [];
|
|
|
|
for (let i = 0, j = 0; j < LatestPostCountInHomePage && i < sortedPosts.allPostList.length; i++) {
|
|
const postListItem = sortedPosts.allPostList[i];
|
|
if (!postListItem.frontMatter.noPrompt) {
|
|
latestPostList.push(postListItem);
|
|
j++;
|
|
}
|
|
}
|
|
|
|
if (Config.RSSFeed?.enabled) {
|
|
await generateRSSFeed();
|
|
}
|
|
|
|
return {
|
|
props: {
|
|
pinnedPostList: pinnedPostList,
|
|
latestPostList: latestPostList,
|
|
},
|
|
};
|
|
};
|