add theme nav & add pageIcon support of @lib/getNotionData

themes/nav/components/BlogPostCard.js

@@ -0,0 +1,49 @@
+import BLOG from '@/blog.config'
+import Link from 'next/link'
+import NotionIcon from './NotionIcon'
+import { useRouter } from 'next/router'
+import React from 'react'
+
+const BlogPostCard = ({ post, className }) => {
+  const router = useRouter()
+  const currentSelected = router.asPath.split('?')[0] === '/' + post.slug
+  return (
+    <Link href={`${removeHttp(post.slug)}`} target={(checkRemoveHttp(post.slug) ? '_blank' : '_self')} passHref>
+        <div key={post.id} className={`${className} h-full rounded-lg p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white rounded-2xl dark:hover:bg-gray-800 ${currentSelected ? 'bg-green-50 text-green-500' : ''}`}>
+                <div className="stack-entry w-full flex space-x-3 select-none dark:text-neutral-200">
+                    <NotionIcon icon={post.pageIcon} size='10' className='text-6xl w-11 h-11 mx-1 my-0 flex-none' />
+                    <div className="stack-comment flex-auto">
+                        <p className="title font-bold">{post.title}</p>
+                        <p className="description font-normal">{post.summary ? post.summary : '暂无简介'}</p>
+                    </div>
+                </div>
+        </div>
+    </Link>
+  )
+  function removeHttp(str) {
+    // 检查字符串是否包含http
+    if (str.includes("http")) {
+      // 如果包含，找到http的位置
+      let index = str.indexOf("http");
+      // 返回http之后的部分
+      return str.slice(index, str.length);
+    } else {
+      // 如果不包含，返回原字符串
+      return str;
+    }
+  }
+  function checkRemoveHttp(str) {
+    // 检查字符串是否包含http
+    if (str.includes("http")) {
+      // 如果包含，找到http的位置
+      let index = str.indexOf("http");
+      // 包含
+      return true;
+    } else {
+      // 不包含
+      return false;
+    }
+  }
+}
+
+export default BlogPostCard