nnbb 0.0.1

package/pages/search/index.tsx

@@ -0,0 +1,69 @@
+import { getGlobalData } from '@/lib/notion/getNotionData';
+import { useRouter } from 'next/router';
+import BLOG from '@/blog.config';
+import { useLayout } from '@/theme';
+import { useTranslation } from 'next-i18next';
+
+import type { FC } from 'react';
+import type { PageMeta, SearchIndexProps, ThemeSearchProps } from '@/types';
+import type { GetStaticProps } from 'next';
+
+/**
+ * 搜索路由
+ * @param {*} props
+ * @returns
+ */
+const SearchIndex: FC<SearchIndexProps> = (props) => {
+  const { posts, siteInfo } = props;
+  const { t } = useTranslation('nav');
+  const router = useRouter();
+  const keyword = router.query.s ? String(router.query.s) : '';
+
+  // 根据页面路径加载不同Layout文件
+  const Layout = useLayout() as FC<ThemeSearchProps>;
+
+  const filteredPosts = keyword
+    ? posts.filter((post) => {
+        const tagContent = post?.tags ? post.tags.join(' ') : '';
+        const searchContent =
+          post.title + post.summary + tagContent + post.category;
+        return searchContent.toLowerCase().includes(keyword.toLowerCase());
+      })
+    : [];
+
+  const pageMeta: PageMeta = {
+    title: `${keyword || ''}${keyword ? ' | ' : ''}${t('search')} | ${siteInfo?.title}`,
+    description: siteInfo?.description,
+    image: siteInfo?.pageCover,
+    slug: 'search',
+    type: 'website',
+  };
+
+  return (
+    <Layout
+      {...props}
+      pageMeta={pageMeta}
+      posts={filteredPosts}
+      keyword={keyword}
+    />
+  );
+};
+
+/**
+ * 浏览器前端搜索
+ */
+export const getStaticProps: GetStaticProps<SearchIndexProps> = async () => {
+  const { allPages, ...restProps } = await getGlobalData('search-props');
+  const posts = allPages?.filter(
+    (page) => page.type === 'Post' && page.status === 'Published',
+  );
+  return {
+    props: {
+      ...restProps,
+      posts,
+    },
+    revalidate: BLOG.NEXT_REVALIDATE_SECOND,
+  };
+};
+
+export default SearchIndex;

package/pages/sitemap.xml.js

@@ -0,0 +1,70 @@
+// pages/sitemap.xml.js
+import { getServerSideSitemap } from 'next-sitemap';
+import { getGlobalData } from '@/lib/notion/getNotionData';
+import BLOG from '@/blog.config';
+
+export const getServerSideProps = async (ctx) => {
+  const { allPages } = await getGlobalData('rss');
+  const defaultFields = [
+    {
+      loc: `${BLOG.LINK}`,
+      lastmod: new Date().toISOString().split('T')[0],
+      changefreq: 'daily',
+      priority: '0.7',
+    },
+    {
+      loc: `${BLOG.LINK}/archive`,
+      lastmod: new Date().toISOString().split('T')[0],
+      changefreq: 'daily',
+      priority: '0.7',
+    },
+    {
+      loc: `${BLOG.LINK}/category`,
+      lastmod: new Date().toISOString().split('T')[0],
+      changefreq: 'daily',
+      priority: '0.7',
+    },
+    {
+      loc: `${BLOG.LINK}/feed`,
+      lastmod: new Date().toISOString().split('T')[0],
+      changefreq: 'daily',
+      priority: '0.7',
+    },
+    {
+      loc: `${BLOG.LINK}/search`,
+      lastmod: new Date().toISOString().split('T')[0],
+      changefreq: 'daily',
+      priority: '0.7',
+    },
+    {
+      loc: `${BLOG.LINK}/tag`,
+      lastmod: new Date().toISOString().split('T')[0],
+      changefreq: 'daily',
+      priority: '0.7',
+    },
+  ];
+  const postFields = allPages
+    ?.filter((p) => p.status === BLOG.NOTION_PROPERTY_NAME.status_publish)
+    ?.map((post) => {
+      const slugWithoutLeadingSlash = post?.slug.startsWith('/')
+        ? post?.slug?.slice(1)
+        : post.slug;
+      return {
+        loc: `${BLOG.LINK}/${slugWithoutLeadingSlash}`,
+        lastmod: new Date(post?.publishDay).toISOString().split('T')[0],
+        changefreq: 'daily',
+        priority: '0.7',
+      };
+    });
+  const fields = defaultFields.concat(postFields);
+
+  // 缓存
+  ctx.res.setHeader(
+    'Cache-Control',
+    'public, max-age=3600, stale-while-revalidate=59',
+  );
+
+  return getServerSideSitemap(ctx, fields);
+};
+
+export default () => {};

package/pages/tag/[tag]/index.tsx

@@ -0,0 +1,73 @@
+import { getGlobalData } from '@/lib/notion/getNotionData';
+import BLOG from '@/blog.config';
+import { useLayout } from '@/theme';
+import { useTranslation } from 'next-i18next';
+
+import type { FC } from 'react';
+import type { PageMeta, TagDetailProps, ThemeTagDetailProps } from '@/types';
+import type { ParsedUrlQuery } from 'querystring';
+import type { GetStaticProps, GetStaticPaths } from 'next';
+
+export interface TagIndexParams extends ParsedUrlQuery {
+  tag: string;
+}
+
+/**
+ * 标签下的文章列表
+ * @param {*} props
+ * @returns
+ */
+const TagIndex: FC<TagDetailProps> = (props) => {
+  const { tag, siteInfo } = props;
+  const { t } = useTranslation('common');
+
+  // 根据页面路径加载不同Layout文件
+  const Layout = useLayout() as FC<ThemeTagDetailProps>;
+
+  const pageMeta: PageMeta = {
+    title: `${tag} | ${t('tags')} | ${siteInfo?.title}`,
+    description: siteInfo?.description,
+    image: siteInfo?.pageCover,
+    slug: 'tag/' + tag,
+    type: 'website',
+  };
+  return <Layout pageMeta={pageMeta} {...props} />;
+};
+
+export const getStaticProps: GetStaticProps<
+  TagDetailProps,
+  TagIndexParams
+> = async (context) => {
+  const { tag } = context.params as TagIndexParams;
+  const { allPages, ...globalProps } = await getGlobalData('tag-props');
+
+  const filteredPosts = allPages
+    ?.filter((page) => page.type === 'Post' && page.status === 'Published')
+    .filter((post) => post && post?.tags && post?.tags.includes(tag));
+
+  const posts =
+    BLOG.POST_LIST_STYLE === 'page'
+      ? filteredPosts.slice(0, BLOG.POSTS_PER_PAGE)
+      : filteredPosts;
+
+  return {
+    props: {
+      ...globalProps,
+      postCount: posts.length,
+      tag,
+      posts,
+    },
+    revalidate: BLOG.NEXT_REVALIDATE_SECOND,
+  };
+};
+
+export const getStaticPaths: GetStaticPaths<TagIndexParams> = async () => {
+  const { tagOptions } = await getGlobalData('tag-static-path');
+
+  return {
+    paths: tagOptions.map((tag) => ({ params: { tag: tag.name } })),
+    fallback: true,
+  };
+};
+
+export default TagIndex;

package/pages/tag/[tag]/page/[page].tsx

@@ -0,0 +1,87 @@
+import { getGlobalData } from '@/lib/notion/getNotionData';
+import BLOG from '@/blog.config';
+import { useLayout } from '@/theme';
+import { useTranslation } from 'next-i18next';
+
+import type { FC } from 'react';
+import type { PageMeta, TagPageProps, ThemeTagPageProps } from '@/types';
+import type { ParsedUrlQuery } from 'querystring';
+import type { GetStaticProps, GetStaticPaths } from 'next';
+
+export interface TagPageParams extends ParsedUrlQuery {
+  tag: string;
+  page: string;
+}
+
+const TagPage: FC<TagPageProps> = (props) => {
+  const { tag, siteInfo } = props;
+  const { t } = useTranslation('common');
+
+  // 根据页面路径加载不同Layout文件
+  const Layout = useLayout() as FC<ThemeTagPageProps>;
+
+  const pageMeta: PageMeta = {
+    title: `${tag} | ${t('tags')} | ${siteInfo?.title}`,
+    description: siteInfo?.description,
+    image: siteInfo?.pageCover,
+    slug: 'tag/' + tag,
+    type: 'website',
+  };
+
+  return <Layout pageMeta={pageMeta} {...props} />;
+};
+
+export const getStaticProps: GetStaticProps<
+  TagPageProps,
+  TagPageParams
+> = async (context) => {
+  const { tag, page } = context.params as TagPageParams;
+  const props = await getGlobalData('tag-page-props');
+
+  const pageNumber = parseInt(page, 10);
+
+  const posts = props.allPages
+    ?.filter((page) => page.type === 'Post' && page.status === 'Published')
+    .filter((post) => post?.tags?.includes(tag));
+
+  const paginatedPosts = posts.slice(
+    BLOG.POSTS_PER_PAGE * (pageNumber - 1),
+    BLOG.POSTS_PER_PAGE * pageNumber,
+  );
+
+  return {
+    props: {
+      ...props,
+      posts: paginatedPosts,
+      postCount: posts.length,
+      tag,
+      page: pageNumber,
+    },
+    revalidate: BLOG.NEXT_REVALIDATE_SECOND,
+  };
+};
+
+export const getStaticPaths: GetStaticPaths<TagPageParams> = async () => {
+  const { tagOptions, allPages } = await getGlobalData('tag-page-static-path');
+  const paths: {
+    params: TagPageParams;
+  }[] = [];
+  tagOptions?.forEach((tag) => {
+    const tagPosts = allPages
+      .filter((page) => page.type === 'Post' && page.status === 'Published')
+      .filter((post) => post?.tags?.includes(tag.name)); // 过滤包含标签的文章
+
+    const totalPages = Math.ceil(tagPosts.length / BLOG.POSTS_PER_PAGE);
+
+    // 生成每一页的路径
+    for (let i = 1; i <= totalPages; i++) {
+      paths.push({ params: { tag: tag.name, page: String(i) } });
+    }
+  });
+  return {
+    paths: paths,
+    fallback: true,
+  };
+};
+
+export default TagPage;

package/pages/tag/index.tsx

@@ -0,0 +1,42 @@
+import { getGlobalData } from '@/lib/notion/getNotionData';
+import BLOG from '@/blog.config';
+import { useLayout } from '@/theme';
+import { useTranslation } from 'next-i18next';
+import { omit } from 'lodash';
+
+import type { FC } from 'react';
+import type { PageMeta, TagIndexProps, ThemeTagProps } from '@/types';
+import type { GetStaticProps } from 'next';
+
+/**
+ * 标签首页
+ * @param {*} props
+ * @returns
+ */
+const TagIndex: FC<TagIndexProps> = (props) => {
+  const { siteInfo } = props;
+  const { t } = useTranslation('common');
+
+  // 根据页面路径加载不同Layout文件
+  const Layout = useLayout() as FC<ThemeTagProps>;
+
+  const pageMeta: PageMeta = {
+    title: `${t('tags')} | ${siteInfo?.title}`,
+    description: siteInfo?.description,
+    image: siteInfo?.pageCover,
+    slug: 'tag',
+    type: 'website',
+  };
+
+  return <Layout {...props} pageMeta={pageMeta} />;
+};
+
+export const getStaticProps: GetStaticProps<TagIndexProps> = async () => {
+  const props = await getGlobalData('tag-index-props');
+  return {
+    props: omit(props, 'allPages'),
+    revalidate: BLOG.NEXT_REVALIDATE_SECOND,
+  };
+};
+
+export default TagIndex;

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+}

package/public/ads.txt

@@ -0,0 +1 @@
+google.com, pub-2708419466378217, DIRECT, f08c47fec0942fa0

package/public/avatar.svg

@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<rect width="200" height="200" fill="#111111"/>
+<path d="M200.563 83.7392H169V144.594H168.092L126.765 83.7392H99.9706V200H131.534V138.918H132.215L174.223 200H200.563V83.7392Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="200" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>