Merge pull request #2549 from tangly1024/fix/fukasawa-scroll-page

主题分页相关调整,fix fukasawa scroll功能

pages/category/[category]/page/[page].js

@@ -71,7 +71,7 @@ export async function getStaticPaths() {
     // 处理文章页数
     const postCount = categoryPosts.length
     const totalPages = Math.ceil(
-      postCount / siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+      postCount / siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
     )
     if (totalPages > 1) {
       for (let i = 1; i <= totalPages; i++) {

pages/page/[page].js

@@ -23,7 +23,7 @@ export async function getStaticPaths({ locale }) {
   const from = 'page-paths'
   const { postCount, NOTION_CONFIG } = await getGlobalData({ from, locale })
   const totalPages = Math.ceil(
-    postCount / siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+    postCount / siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   )
   return {
     // remove first page, we 're not gonna handle that.

pages/sitemap.xml.js

@@ -27,7 +27,6 @@ export const getServerSideProps = async ctx => {
     'Cache-Control',
     'public, max-age=3600, stale-while-revalidate=59'
   )
-  console.log('fff', fields)
   return getServerSideSitemap(ctx, fields)
 }
 

pages/tag/[tag]/page/[page].js

@@ -56,7 +56,7 @@ export async function getStaticPaths() {
     // 处理文章页数
     const postCount = tagPosts.length
     const totalPages = Math.ceil(
-      postCount / siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+      postCount / siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
     )
     if (totalPages > 1) {
       for (let i = 1; i <= totalPages; i++) {

themes/commerce/components/BlogPostListPage.js

@@ -14,7 +14,7 @@ import ProductCard from './ProductCard'
  */
 const BlogPostListPage = ({ page = 1, posts = [], postCount, siteInfo }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
   const showPagination = postCount >= POSTS_PER_PAGE
   if (!posts || posts.length === 0 || page > totalPage) {

themes/commerce/components/BlogPostListScroll.js

@@ -20,7 +20,7 @@ const BlogPostListScroll = ({
   siteInfo
 }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
 
   const [page, updatePage] = useState(1)
   const postsToShow = getListByPage(posts, page, POSTS_PER_PAGE)

themes/example/components/BlogListPage.js

@@ -14,7 +14,7 @@ export const BlogListPage = props => {
   const { locale, NOTION_CONFIG } = useGlobal()
   const router = useRouter()
   const totalPage = Math.ceil(
-    postCount / siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+    postCount / siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   )
   const currentPage = +page
 

themes/example/components/BlogListScroll.js

@@ -13,7 +13,7 @@ export const BlogListScroll = props => {
   const { posts } = props
   const { locale, NOTION_CONFIG } = useGlobal()
   const [page, updatePage] = useState(1)
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
 
   let hasMore = false
   const postsToShow = posts

themes/example/components/SearchInput.js

@@ -24,7 +24,6 @@ const SearchInput = ({ currentTag, keyword, cRef }) => {
     const key = searchInputRef.current.value
     if (key && key !== '') {
       router.push({ pathname: '/search/' + key }).then(r => {
-        console.log('搜索', key)
       })
     } else {
       router.push({ pathname: '/' }).then(r => {

themes/fukasawa/components/BlogCard.js

@@ -1,6 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
+import { useGlobal } from '@/lib/global'
 import Link from 'next/link'
 import CONFIG from '../config'
 import TagItemMini from './TagItemMini'
@@ -10,7 +11,8 @@ import TagItemMini from './TagItemMini'
  * @param {*} param0
  * @returns
  */
-const BlogCard = ({ index, post, showSummary, siteInfo }) => {
+const BlogCard = ({ showAnimate, post, showSummary }) => {
+const {siteInfo} =useGlobal()
   const showPreview =
     siteConfig('FUKASAWA_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
   // fukasawa 强制显示图片
@@ -24,11 +26,12 @@ const BlogCard = ({ index, post, showSummary, siteInfo }) => {
   const showPageCover =
     siteConfig('FUKASAWA_POST_LIST_COVER', null, CONFIG) &&
     post?.pageCoverThumbnail
+    
   const FUKASAWA_POST_LIST_ANIMATION = siteConfig(
     'FUKASAWA_POST_LIST_ANIMATION',
     null,
     CONFIG
-  )
+  ) || showAnimate 
 
   // 动画样式  首屏卡片不用，后面翻出来的加动画
   const aosProps = FUKASAWA_POST_LIST_ANIMATION

themes/fukasawa/components/BlogListPage.js

@@ -17,8 +17,9 @@ import PaginationSimple from './PaginationSimple'
  */
 const BlogListPage = ({ page = 1, posts = [], postCount, siteInfo }) => {
   const { NOTION_CONFIG } = useGlobal()
+  const postsPerPage = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(
-    postCount / parseInt(siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG))
+    postCount / postsPerPage
   )
   const showNext = page < totalPage
 
@@ -33,23 +34,27 @@ const BlogListPage = ({ page = 1, posts = [], postCount, siteInfo }) => {
     return () => window.removeEventListener('resize', handleResize)
   }, [])
 
-  /**
+   /**
-   * 文章重新布局，使纵向排列看起来是横向排列
+    * 文章重新布局，使纵向排列看起来是横向排列
-   */
+    */
   useEffect(() => {
-    const count = posts?.length || 0
+    const count = posts?.length || 0;
-    const rows = Math.ceil(count / columns)
+    const rows = Math.ceil(count / columns);
-    const newFilterPosts = []
+    const newFilterPosts = new Array(count);
-    for (let i = 0; i < columns; i++) {
+
-      for (let j = 0; j < rows; j++) {
+    let index = 0;
-        const index = j * columns + i
+    for (let col = 0; col < columns; col++) {
-        if (index < count) {
+        for (let row = 0; row < rows; row++) {
-          newFilterPosts.push(deepClone(posts[index]))
+        const sourceIndex = row * columns + col;
+        if (sourceIndex < count) {
+            newFilterPosts[index] = deepClone(posts[sourceIndex]);
+            index++;
+        }
         }
-      }
     }
-    setFilterPosts(newFilterPosts)
+  
-  }, [columns, posts])
+    setFilterPosts(newFilterPosts);
+  }, [columns, posts]);
 
   if (!filterPosts || filterPosts.length === 0) {
     return <BlogPostListEmpty />

themes/fukasawa/components/BlogListScroll.js

@@ -1,41 +1,36 @@
-import { siteConfig } from '@/lib/config'
+import { siteConfig } from '@/lib/config';
-import { useGlobal } from '@/lib/global'
+import { useGlobal } from '@/lib/global';
-import { useEffect, useRef, useState } from 'react'
+import throttle from 'lodash.throttle';
-import BlogCard from './BlogCard'
+import { useCallback, useEffect, useRef, useState } from 'react';
-import BlogPostListEmpty from './BlogListEmpty'
+import BlogCard from './BlogCard';
+import BlogPostListEmpty from './BlogListEmpty';
+
+const BlogListScroll = ({ posts }) => {
+  const { locale, NOTION_CONFIG } = useGlobal();
+  const [page, setPage] = useState(1);
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG);
+  const [filterPostsGroups, setFilterPostsGroups] = useState([]);
+
+  // 每页显示的文章数量
+  const postsPerPage = POSTS_PER_PAGE;
+
+  // 计算总页数
+  const totalPages = Math.ceil(posts.length / postsPerPage);
+
+  // 加载更多文章
+  const loadMorePosts = () => {
+    if (page < totalPages) {
+      setPage(page + 1);
+    }
+  };
+
 
-/**
- * 文章列表分页表格
- * @param page 当前页
- * @param posts 所有文章
- * @param tags 所有标签
- * @returns {JSX.Element}
- * @constructor
- */
-const BlogListScroll = props => {
-  const { posts = [], siteInfo } = props
-  const { locale, NOTION_CONFIG } = useGlobal()
   const targetRef = useRef(null)
-  const [page, updatePage] = useState(1)
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
 
-  let hasMore = false
-  const postsToShow = posts
-    ? Object.assign(posts).slice(0, POSTS_PER_PAGE * page)
-    : []
-
-  if (posts) {
-    const totalCount = posts.length
-    hasMore = page * POSTS_PER_PAGE < totalCount
-  }
-  const handleGetMore = () => {
-    if (!hasMore) return
-    updatePage(page + 1)
-  }
 
   // 监听滚动自动分页加载
-  const scrollTrigger = () => {
+  const scrollTrigger = useCallback(
-    requestAnimationFrame(() => {
+    throttle(() => {
       const scrollS = window.scrollY + window.outerHeight
       const clientHeight = targetRef
         ? targetRef.current
@@ -43,47 +38,64 @@ const BlogListScroll = props => {
           : 0
         : 0
       if (scrollS > clientHeight + 100) {
-        handleGetMore()
+        loadMorePosts()
       }
-    })
+    }, 500)
-  }
+  )
 
   useEffect(() => {
     window.addEventListener('scroll', scrollTrigger)
     return () => {
       window.removeEventListener('scroll', scrollTrigger)
     }
-  }, [])
+  })
+
+  // 根据当前页和每页文章数截取应该显示的文章
+  useEffect(() => {
+    const startIndex = (page - 1) * postsPerPage;
+    const endIndex = startIndex + postsPerPage;
+    const postsToShow = posts.slice(startIndex, endIndex);
+    const columns = 3; // 假设有3列
+
+    // 重新排列文章，保证列优先顺序
+    const newFilterPosts = [];
+    for (let col = 0; col < columns; col++) {
+      for (let i = col; i < postsToShow.length; i += columns) {
+        newFilterPosts.push(postsToShow[i]);
+      }
+    }
+
+    setFilterPostsGroups((prev) => [...prev, newFilterPosts]);
+  }, [posts, page]);
 
   if (!posts || posts.length === 0) {
-    return <BlogPostListEmpty />
+    return <BlogPostListEmpty />;
   } else {
     return (
-      <div id='posts-wrapper' ref={targetRef} className='grid-container'>
+      <div ref={targetRef}>
-        {/* 文章列表 */}
+        {filterPostsGroups.map((group, groupIndex) => (
-        {postsToShow?.map(post => (
+          <div key={groupIndex} id="posts-wrapper" className="grid-container mb-10">
-          <div
+            {group.map((post) => (
-            key={post.id}
+              <div
-            className='grid-item justify-center flex'
+                key={post.id}
-            style={{ breakInside: 'avoid' }}>
+                className="grid-item justify-center flex"
-            <BlogCard
+                style={{ breakInside: 'avoid' }}
-              index={posts.indexOf(post)}
+              >
-              key={post.id}
+                <BlogCard key={post.id} post={post} showAnimate={groupIndex > 0}/>
-              post={post}
+              </div>
-              siteInfo={siteInfo}
+            ))}
-            />
           </div>
         ))}
-
         <div
-          className='w-full my-4 py-4 text-center cursor-pointer '
+          className="w-full my-4 py-4 text-center cursor-pointer"
-          onClick={handleGetMore}>
+          onClick={loadMorePosts}
-          {' '}
+        >
-          {hasMore ? locale.COMMON.MORE : `${locale.COMMON.NO_MORE} 😰`}{' '}
+          {page < totalPages ? locale.COMMON.MORE : `${locale.COMMON.NO_MORE} 😰`}
         </div>
       </div>
-    )
+    );
   }
-}
+};
+
+export default BlogListScroll;
 
-export default BlogListScroll

themes/fukasawa/index.js

@@ -114,12 +114,13 @@ const LayoutIndex = props => {
  * @param {*} props
  */
 const LayoutPostList = props => {
+  const POST_LIST_STYLE = siteConfig('POST_LIST_STYLE')
   return (
     <>
       <div className='w-full p-2'>
         <WWAds className='w-full' orientation='horizontal' />
       </div>
-      {siteConfig('POST_LIST_STYLE') === 'page' ? (
+      { POST_LIST_STYLE=== 'page' ? (
         <BlogListPage {...props} />
       ) : (
         <BlogListScroll {...props} />

themes/fukasawa/style.js

@@ -44,7 +44,16 @@ const Style = () => {
         column-gap: .5rem;
         }
     }
+
+    .container {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            grid-gap: 10px;
+            padding: 10px;
+        }
+
   `}</style>
 }
 
 export { Style }
+

themes/game/components/BlogListScroll.js

@@ -9,7 +9,7 @@ export const BlogListScroll = props => {
   const { posts } = props
   const { locale, NOTION_CONFIG } = useGlobal()
   const [page, updatePage] = useState(1)
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
 
   let hasMore = false
   const postsToShow =

themes/heo/components/BlogPostListPage.js

@@ -14,7 +14,7 @@ import PaginationNumber from './PaginationNumber'
  */
 const BlogPostListPage = ({ page = 1, posts = [], postCount, siteInfo }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
   const showPagination = postCount >= POSTS_PER_PAGE
   if (!posts || posts.length === 0 || page > totalPage) {

themes/heo/components/BlogPostListScroll.js

@@ -21,7 +21,7 @@ const BlogPostListScroll = ({
 }) => {
   const { NOTION_CONFIG } = useGlobal()
   const [page, updatePage] = useState(1)
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const postsToShow = getListByPage(posts, page, POSTS_PER_PAGE)
 
   let hasMore = false

themes/hexo/components/BlogPostListPage.js

@@ -14,7 +14,7 @@ import PaginationNumber from './PaginationNumber'
  */
 const BlogPostListPage = ({ page = 1, posts = [], postCount, siteInfo }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
   const showPagination = postCount >= POSTS_PER_PAGE
   if (!posts || posts.length === 0 || page > totalPage) {

themes/hexo/components/BlogPostListScroll.js

@@ -21,7 +21,7 @@ const BlogPostListScroll = ({
 }) => {
   const { NOTION_CONFIG } = useGlobal()
   const [page, updatePage] = useState(1)
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const postsToShow = getListByPage(posts, page, POSTS_PER_PAGE)
 
   let hasMore = false

themes/matery/components/BlogPostListPage.js

@@ -14,7 +14,7 @@ import PaginationSimple from './PaginationSimple'
  */
 const BlogPostListPage = ({ page = 1, posts = [], postCount, siteInfo }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
   const showPagination = postCount >= POSTS_PER_PAGE
   if (!posts || posts.length === 0 || page > totalPage) {

themes/matery/components/BlogPostListScroll.js

@@ -21,7 +21,7 @@ const BlogPostListScroll = ({
   siteInfo
 }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const [page, updatePage] = useState(1)
   const postsToShow = getListByPage(posts, page, POSTS_PER_PAGE)
   // 监听滚动

themes/medium/components/BlogPostListPage.js

@@ -14,7 +14,7 @@ import PaginationSimple from './PaginationSimple'
  */
 const BlogPostListPage = ({ page = 1, posts = [], postCount }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
 
   if (!posts || posts.length === 0) {

themes/medium/components/BlogPostListScroll.js

@@ -15,7 +15,7 @@ import BlogPostListEmpty from './BlogPostListEmpty'
  */
 const BlogPostListScroll = ({ posts = [], currentSearch }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const [page, updatePage] = useState(1)
   const router = useRouter()
   let filteredPosts = Object.assign(posts)

themes/movie/components/BlogListPage.js

@@ -7,7 +7,7 @@ import PaginationNumber from './PaginationNumber'
 export const BlogListPage = props => {
   const { page = 1, posts, postCount } = props
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
 
   const showPageCover = siteConfig('MOVIE_POST_LIST_COVER', null, CONFIG)

themes/nav/components/BlogPostListPage.js

@@ -13,7 +13,7 @@ import PaginationSimple from './PaginationSimple'
  */
 const BlogPostListPage = ({ page = 1, posts = [], postCount }) => {
   const totalPage = Math.ceil(
-    postCount / parseInt(siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG))
+    postCount / parseInt(siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG))
   )
 
   if (!posts || posts.length === 0) {

themes/nav/components/NavPostItem.js

@@ -16,8 +16,6 @@ const NavPostItem = props => {
   const toggleOpenSubMenu = () => {
     changeIsOpen(!isOpen)
   }
-  console.log('group::')
-  console.log(group)
 
   if (group?.category) {
     return (

themes/next/components/BlogPostListPage.js

@@ -14,7 +14,7 @@ import PaginationNumber from './PaginationNumber'
  */
 const BlogPostListPage = ({ page = 1, posts = [], postCount }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
 
   if (!posts || posts.length === 0) {

themes/next/components/BlogPostListScroll.js

@@ -19,7 +19,7 @@ const BlogPostListScroll = ({
   showSummary = siteConfig('NEXT_POST_LIST_SUMMARY', null, CONFIG)
 }) => {
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const [page, updatePage] = useState(1)
   const postsToShow = getPostByPage(page, posts, POSTS_PER_PAGE)
 

themes/nobelium/components/BlogListPage.js

@@ -9,7 +9,7 @@ export const BlogListPage = props => {
   const { locale } = useGlobal()
   const router = useRouter()
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
   const currentPage = +page
 

themes/plog/components/BlogListPage.js

@@ -10,7 +10,7 @@ export const BlogListPage = props => {
   const { locale } = useGlobal()
   const router = useRouter()
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
   const currentPage = +page
 

themes/simple/components/BlogListPage.js

@@ -15,7 +15,7 @@ export default function BlogListPage(props) {
   const { page = 1, posts, postCount } = props
   const router = useRouter()
   const { NOTION_CONFIG } = useGlobal()
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
   const currentPage = +page
 

themes/simple/components/BlogListScroll.js

@@ -13,7 +13,7 @@ export default function BlogListScroll(props) {
   const { posts } = props
   const { locale, NOTION_CONFIG } = useGlobal()
   const [page, updatePage] = useState(1)
-  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', 12, NOTION_CONFIG)
+  const POSTS_PER_PAGE = siteConfig('POSTS_PER_PAGE', null, NOTION_CONFIG)
   let hasMore = false
   const postsToShow = posts
     ? Object.assign(posts).slice(0, POSTS_PER_PAGE * page)