From 9234b6fb4b779512b2cf3ddefded1638dc9ac1e1 Mon Sep 17 00:00:00 2001
From: Femoon <yjh638725@gmail.com>
Date: Sun, 21 Apr 2024 18:22:33 +0800
Subject: [PATCH 1/6] feat: add title icon configuration

---
 .env.local                                  | 1 +
 blog.config.js                              | 1 +
 themes/commerce/components/PostHeader.js    | 2 +-
 themes/example/components/BlogPostCard.js   | 2 +-
 themes/example/components/Title.js          | 2 +-
 themes/fukasawa/components/ArticleDetail.js | 3 ++-
 themes/fukasawa/components/BlogCard.js      | 2 +-
 themes/game/components/BlogPost.js          | 2 +-
 themes/game/components/PostInfo.js          | 3 ++-
 themes/gitbook/components/BlogPostCard.js   | 2 +-
 themes/gitbook/index.js                     | 2 +-
 themes/heo/components/BlogPostCard.js       | 2 +-
 themes/heo/components/PostHeader.js         | 2 +-
 themes/hexo/components/BlogPostCardInfo.js  | 2 +-
 themes/hexo/components/PostHeader.js        | 2 +-
 themes/matery/components/BlogPostCard.js    | 2 +-
 themes/matery/components/PostHeader.js      | 3 ++-
 themes/medium/components/ArticleInfo.js     | 2 +-
 themes/medium/components/BlogPostCard.js    | 2 +-
 themes/movie/components/BlogPostCard.js     | 2 +-
 themes/movie/components/Title.js            | 2 +-
 themes/nav/components/BlogPostCard.js       | 2 +-
 themes/nav/index.js                         | 2 +-
 themes/next/components/ArticleDetail.js     | 2 +-
 themes/next/components/BlogPostCard.js      | 2 +-
 themes/nobelium/components/ArticleInfo.js   | 2 +-
 themes/nobelium/components/BlogPost.js      | 2 +-
 themes/plog/components/ArticleInfo.js       | 2 +-
 themes/plog/components/BlogPost.js          | 3 ++-
 themes/simple/components/ArticleInfo.js     | 2 +-
 themes/simple/components/BlogItem.js        | 2 +-
 31 files changed, 35 insertions(+), 29 deletions(-)

diff --git a/.env.local b/.env.local
index db9decf2520..f6509b08fb7 100644
--- a/.env.local
+++ b/.env.local
@@ -62,6 +62,7 @@ NEXT_PUBLIC_VERSION=4.4.3
 # NEXT_PUBLIC_ALGOLIA_INDEX=
 # NEXT_PUBLIC_PREVIEW_CATEGORY_COUNT=  
 # NEXT_PUBLIC_PREVIEW_TAG_COUNT=
+# NEXT_PUBLIC_POST_TITLE_ICON=
 # NEXT_PUBLIC_POST_DISABLE_GALLERY_CLICK=   
 # NEXT_PUBLIC_FIREWORKS=
 # NEXT_PUBLIC_FIREWORKS_COLOR=
diff --git a/blog.config.js b/blog.config.js
index abfc4cd26ef..4ec5e8fc3a1 100644
--- a/blog.config.js
+++ b/blog.config.js
@@ -230,6 +230,7 @@ const BLOG = {
   PREVIEW_CATEGORY_COUNT: 16, // 首页最多展示的分类数量，0为不限制
   PREVIEW_TAG_COUNT: 16, // 首页最多展示的标签数量，0为不限制
 
+  POST_TITLE_ICON: process.env.NEXT_PUBLIC_POST_TITLE_ICON || true, // 是否显示标题icon
   POST_DISABLE_GALLERY_CLICK:
     process.env.NEXT_PUBLIC_POST_DISABLE_GALLERY_CLICK || false, // 画册视图禁止点击，方便在友链页面的画册插入链接
 
diff --git a/themes/commerce/components/PostHeader.js b/themes/commerce/components/PostHeader.js
index e48b1f0cda4..4a258cb5582 100644
--- a/themes/commerce/components/PostHeader.js
+++ b/themes/commerce/components/PostHeader.js
@@ -29,7 +29,7 @@ export default function PostHeader({ post }) {
 
           {/* 文章Title */}
           <div className="leading-snug font-bold xs:text-4xl sm:text-4xl md:text-5xl md:leading-snug text-4xl shadow-text-md flex justify-center text-center text-white">
-            <NotionIcon icon={post.pageIcon} className='text-4xl mx-1' /><div className='text-4xl mx-1'>{post.title}</div>
+            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} className='text-4xl mx-1' />}<div className='text-4xl mx-1'>{post.title}</div>
           </div>
 
         </div>
diff --git a/themes/example/components/BlogPostCard.js b/themes/example/components/BlogPostCard.js
index b66dcca3f20..723f8192607 100644
--- a/themes/example/components/BlogPostCard.js
+++ b/themes/example/components/BlogPostCard.js
@@ -16,7 +16,7 @@ const BlogPostCard = ({ post }) => {
                 <Link
                     href={`/${post.slug}`}
                     className="text-black dark:text-gray-100 text-xl md:text-2xl no-underline hover:underline">
-                    <NotionIcon icon={post.pageIcon} />{post?.title}
+                    {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post?.title}
                 </Link>
             </h2>
 
diff --git a/themes/example/components/Title.js b/themes/example/components/Title.js
index 73ca9d7fd1e..a073f1cc913 100644
--- a/themes/example/components/Title.js
+++ b/themes/example/components/Title.js
@@ -12,7 +12,7 @@ export const Title = (props) => {
   const description = post?.description || siteConfig('AUTHOR')
 
   return <div className="text-center px-6 py-12 mb-6 bg-gray-100 dark:bg-hexo-black-gray dark:border-hexo-black-gray border-b">
-        <h1 className="text-xl md:text-4xl pb-4"><NotionIcon icon={post?.pageIcon} />{title}</h1>
+        <h1 className="text-xl md:text-4xl pb-4">{siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{title}</h1>
         <p className="leading-loose text-gray-dark">
             {description}
         </p>
diff --git a/themes/fukasawa/components/ArticleDetail.js b/themes/fukasawa/components/ArticleDetail.js
index 544d80de3bd..6883d8e05a1 100644
--- a/themes/fukasawa/components/ArticleDetail.js
+++ b/themes/fukasawa/components/ArticleDetail.js
@@ -10,6 +10,7 @@ import LazyImage from '@/components/LazyImage'
 import { formatDateFmt } from '@/lib/utils/formatDate'
 import WWAds from '@/components/WWAds'
 import NotionIcon from '@/components/NotionIcon'
+import { siteConfig } from '@/lib/config'
 
 /**
  *
@@ -37,7 +38,7 @@ export default function ArticleDetail(props) {
 
           {/* 文章Title */}
           <div className="font-bold text-4xl text-black dark:text-white">
-            <NotionIcon icon={post?.pageIcon} />{post.title}
+            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{post.title}
           </div>
 
           <section className="flex-wrap flex mt-2 text-gray-400 dark:text-gray-400 font-light leading-8">
diff --git a/themes/fukasawa/components/BlogCard.js b/themes/fukasawa/components/BlogCard.js
index 0f945f77c7a..6e31efaccce 100644
--- a/themes/fukasawa/components/BlogCard.js
+++ b/themes/fukasawa/components/BlogCard.js
@@ -71,7 +71,7 @@ const BlogCard = ({ index, post, showSummary, siteInfo }) => {
               passHref
               href={url}
               className={`break-words cursor-pointer font-bold hover:underline text-xl ${showPreview ? 'justify-center' : 'justify-start'} leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}>
-              <NotionIcon icon={post.pageIcon} /> {post.title}
+              {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />} {post.title}
             </Link>
           </h2>
 
diff --git a/themes/game/components/BlogPost.js b/themes/game/components/BlogPost.js
index b5845cf905b..fbe52fdfb0f 100644
--- a/themes/game/components/BlogPost.js
+++ b/themes/game/components/BlogPost.js
@@ -15,7 +15,7 @@ const BlogPost = ({ post }) => {
       <article key={post.id} className="mb-6 md:mb-8">
         <header className="flex flex-col justify-between md:flex-row md:items-baseline">
           <h2 className="text-lg md:text-xl font-medium mb-2 cursor-pointer text-black dark:text-gray-100">
-            <NotionIcon icon={post.pageIcon} />{post.title}
+            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
           </h2>
           <time className="flex-shrink-0 text-gray-600 dark:text-gray-400">
             {post?.publishDay}
diff --git a/themes/game/components/PostInfo.js b/themes/game/components/PostInfo.js
index b84a8513fd1..0e430765a06 100644
--- a/themes/game/components/PostInfo.js
+++ b/themes/game/components/PostInfo.js
@@ -1,6 +1,7 @@
 import NotionIcon from '@/components/NotionIcon'
 import Link from 'next/link'
 import TagItem from './TagItem'
+import { siteConfig } from '@/lib/config'
 
 /**
  * 文章详情页说明信息
@@ -25,7 +26,7 @@ export default function PostInfo(props) {
         </div>
 
         <h1 className='font-bold text-3xl text-black dark:text-white'>
-          <NotionIcon icon={post?.pageIcon} />
+          {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}
           {post?.title}
         </h1>
 
diff --git a/themes/gitbook/components/BlogPostCard.js b/themes/gitbook/components/BlogPostCard.js
index a28709730fd..352d098812c 100644
--- a/themes/gitbook/components/BlogPostCard.js
+++ b/themes/gitbook/components/BlogPostCard.js
@@ -14,7 +14,7 @@ const BlogPostCard = ({ post, className }) => {
         <Link href={url} passHref>
             <div key={post.id} className={`${className} relative py-1.5 cursor-pointer px-1.5 hover:bg-gray-50 rounded-md dark:hover:bg-gray-600  ${currentSelected ? 'bg-green-50 text-green-500 dark:bg-yellow-100 dark:text-yellow-600' : ''}`}>
                 <div className="w-full select-none">
-                    <NotionIcon icon={post?.pageIcon}/> {post.title}
+                    {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />} {post.title}
                 </div>
                 {/* 最新文章加个红点 */}
                 {post?.isLatest && siteConfig('GITBOOK_LATEST_POST_RED_BADGE', false, CONFIG) && <Badge/>}
diff --git a/themes/gitbook/index.js b/themes/gitbook/index.js
index 5f4169ba7ac..fb234c47339 100644
--- a/themes/gitbook/index.js
+++ b/themes/gitbook/index.js
@@ -275,7 +275,7 @@ const LayoutSlug = (props) => {
             {!lock && <div id='container'>
 
                 {/* title */}
-                <h1 className="text-3xl pt-12  dark:text-gray-300"><NotionIcon icon={post?.pageIcon} />{post?.title}</h1>
+                <h1 className="text-3xl pt-12  dark:text-gray-300">{siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{post?.title}</h1>
 
                 {/* Notion文章主体 */}
                 {post && (<section id="article-wrapper" className="px-1">
diff --git a/themes/heo/components/BlogPostCard.js b/themes/heo/components/BlogPostCard.js
index ab6cd1c7ce7..4d32f231c3c 100644
--- a/themes/heo/components/BlogPostCard.js
+++ b/themes/heo/components/BlogPostCard.js
@@ -44,7 +44,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
                             href={url}
                             passHref
                             className={' group-hover:text-indigo-700 dark:hover:text-yellow-700 dark:group-hover:text-yellow-600 text-black dark:text-gray-100  line-clamp-2 replace cursor-pointer text-xl font-extrabold leading-tight'}>
-                            <NotionIcon icon={post.pageIcon} /><span className='menu-link '>{post.title}</span>
+                            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}<span className='menu-link '>{post.title}</span>
                         </Link>
                     </header>
 
diff --git a/themes/heo/components/PostHeader.js b/themes/heo/components/PostHeader.js
index 925c8040eb5..97ce4fff214 100644
--- a/themes/heo/components/PostHeader.js
+++ b/themes/heo/components/PostHeader.js
@@ -65,7 +65,7 @@ export default function PostHeader({ post, siteInfo }) {
 
                     {/* 文章Title */}
                     <div className="max-w-5xl font-bold text-3xl lg:text-5xl md:leading-snug shadow-text-md flex  justify-center md:justify-start text-white">
-                        <NotionIcon icon={post.pageIcon} />{post.title}
+                        {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
                     </div>
 
                     {/* 标题底部补充信息 */}
diff --git a/themes/hexo/components/BlogPostCardInfo.js b/themes/hexo/components/BlogPostCardInfo.js
index 2232a6e8fad..5ab14856c27 100644
--- a/themes/hexo/components/BlogPostCardInfo.js
+++ b/themes/hexo/components/BlogPostCardInfo.js
@@ -25,7 +25,7 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
                         className={`line-clamp-2 replace cursor-pointer text-2xl ${showPreview ? 'text-center' : ''
                             } leading-tight font-normal text-gray-600 dark:text-gray-100 hover:text-indigo-700 dark:hover:text-indigo-400`}>
 
-                        <NotionIcon icon={post.pageIcon} /><span className='menu-link '>{post.title}</span>
+                        {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}<span className='menu-link '>{post.title}</span>
 
                     </Link>
                 </h2>
diff --git a/themes/hexo/components/PostHeader.js b/themes/hexo/components/PostHeader.js
index 6441d942f92..aa94acb9026 100644
--- a/themes/hexo/components/PostHeader.js
+++ b/themes/hexo/components/PostHeader.js
@@ -40,7 +40,7 @@ export default function PostHeader({ post, siteInfo }) {
 
           {/* 文章Title */}
           <div className="leading-snug font-bold xs:text-4xl sm:text-4xl md:text-5xl md:leading-snug text-4xl shadow-text-md flex justify-center text-center text-white">
-            <NotionIcon icon={post.pageIcon} className='text-4xl mx-1' />{post.title}
+            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} className='text-4xl mx-1' />}{post.title}
           </div>
 
           <section className="flex-wrap shadow-text-md flex text-sm justify-center mt-4 text-white dark:text-gray-400 font-light leading-8">
diff --git a/themes/matery/components/BlogPostCard.js b/themes/matery/components/BlogPostCard.js
index 21e7b71764f..d9a9c79fd2e 100644
--- a/themes/matery/components/BlogPostCard.js
+++ b/themes/matery/components/BlogPostCard.js
@@ -40,7 +40,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
                                 className="h-full w-full group-hover:scale-125 group-hover:brightness-50 brightness-90 rounded-t-md transform object-cover duration-500"
                             />
                             <h2 className='absolute bottom-0 left-0 text-white p-6 text-2xl replace break-words w-full shadow-text'>
-                                <NotionIcon icon={post.pageIcon} />{post.title}
+                                {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
                             </h2>
                         </div>
                     </Link>
diff --git a/themes/matery/components/PostHeader.js b/themes/matery/components/PostHeader.js
index 9279b78c093..246f488ccc5 100644
--- a/themes/matery/components/PostHeader.js
+++ b/themes/matery/components/PostHeader.js
@@ -1,5 +1,6 @@
 import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
+import { siteConfig } from '@/lib/config'
 
 /**
  * 文章背景图
@@ -10,7 +11,7 @@ export default function PostHeader({ post, siteInfo }) {
   return (
         <div id='header' className="flex h-96 justify-center align-middle items-center w-full relative bg-black">
             <div className="z-10 leading-snug font-bold xs:text-4xl sm:text-4xl md:text-5xl md:leading-snug text-4xl shadow-text-md flex justify-center text-center text-white">
-                <NotionIcon icon={post?.pageIcon} />{title}
+                {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{title}
             </div>
             <LazyImage alt={title} src={headerImage} className='pointer-events-none select-none w-full h-full object-cover opacity-30 absolute'
                 placeholder='blur' blurDataURL='/bg_image.jpg' />
diff --git a/themes/medium/components/ArticleInfo.js b/themes/medium/components/ArticleInfo.js
index c96ccbf7ceb..c1961fb65e3 100644
--- a/themes/medium/components/ArticleInfo.js
+++ b/themes/medium/components/ArticleInfo.js
@@ -13,7 +13,7 @@ export default function ArticleInfo(props) {
 
   return (<>
         {/* title */}
-        <h1 className="text-3xl pt-12  dark:text-gray-300"><NotionIcon icon={post?.pageIcon} />{post?.title}</h1>
+        <h1 className="text-3xl pt-12  dark:text-gray-300">{siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{post?.title}</h1>
 
         {/* meta */}
         <section className="py-2 items-center text-sm  px-1">
diff --git a/themes/medium/components/BlogPostCard.js b/themes/medium/components/BlogPostCard.js
index 7b2cda0e5fd..5e972e7fb6d 100644
--- a/themes/medium/components/BlogPostCard.js
+++ b/themes/medium/components/BlogPostCard.js
@@ -35,7 +35,7 @@ const BlogPostCard = ({ post, showSummary }) => {
                         {siteConfig('MEDIUM_POST_LIST_COVER', null, CONFIG) && <div className='w-full max-h-96 object-cover overflow-hidden mb-2'>
                             <LazyImage src={post.pageCoverThumbnail} style={post.pageCoverThumbnail ? {} : { height: '0px' }} className='w-full max-h-96 object-cover hover:scale-125 duration-150' />
                         </div>}
-                        <NotionIcon icon={post.pageIcon} />{post.title}
+                        {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
                     </h2>
 
                 </Link>
diff --git a/themes/movie/components/BlogPostCard.js b/themes/movie/components/BlogPostCard.js
index 61954610ca4..088c66a84e2 100644
--- a/themes/movie/components/BlogPostCard.js
+++ b/themes/movie/components/BlogPostCard.js
@@ -40,7 +40,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
           </div>
           {/* 阴影遮罩 */}
           <h2 className='absolute bottom-10 px-6 transition-all duration-200 text-white text-2xl font-semibold break-words shadow-text z-20'>
-            <NotionIcon icon={post.pageIcon} />
+            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}
             {post.title}
           </h2>
 
diff --git a/themes/movie/components/Title.js b/themes/movie/components/Title.js
index 73ca9d7fd1e..a073f1cc913 100644
--- a/themes/movie/components/Title.js
+++ b/themes/movie/components/Title.js
@@ -12,7 +12,7 @@ export const Title = (props) => {
   const description = post?.description || siteConfig('AUTHOR')
 
   return <div className="text-center px-6 py-12 mb-6 bg-gray-100 dark:bg-hexo-black-gray dark:border-hexo-black-gray border-b">
-        <h1 className="text-xl md:text-4xl pb-4"><NotionIcon icon={post?.pageIcon} />{title}</h1>
+        <h1 className="text-xl md:text-4xl pb-4">{siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{title}</h1>
         <p className="leading-loose text-gray-dark">
             {description}
         </p>
diff --git a/themes/nav/components/BlogPostCard.js b/themes/nav/components/BlogPostCard.js
index 92c5fe2bc3b..56ca3c2cba9 100755
--- a/themes/nav/components/BlogPostCard.js
+++ b/themes/nav/components/BlogPostCard.js
@@ -14,7 +14,7 @@ const BlogPostCard = ({ post, className }) => {
     <Link href={`${url}`} target={(checkContainHttp(post.slug) ? '_blank' : '_self')} passHref>
         <div key={post.id} className={`${className} h-full rounded-2xl p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white 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={pageIcon} size='10' className='text-6xl w-11 h-11 mx-1 my-0 flex-none' />
+                    {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={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>
diff --git a/themes/nav/index.js b/themes/nav/index.js
index 2b2e4973e37..c2bf7426d72 100755
--- a/themes/nav/index.js
+++ b/themes/nav/index.js
@@ -240,7 +240,7 @@ const LayoutSlug = (props) => {
               {!lock && <div id='container'>
 
                   {/* title */}
-                  <h1 className="text-3xl pt-4 md:pt-12  dark:text-gray-300"><NotionIcon icon={post?.pageIcon} />{post?.title}</h1>
+                  <h1 className="text-3xl pt-4 md:pt-12  dark:text-gray-300">{siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{post?.title}</h1>
 
                   {/* Notion文章主体 */}
                   {post && (<section id="article-wrapper" className="px-1">
diff --git a/themes/next/components/ArticleDetail.js b/themes/next/components/ArticleDetail.js
index 642001173e1..bdd677ef710 100644
--- a/themes/next/components/ArticleDetail.js
+++ b/themes/next/components/ArticleDetail.js
@@ -51,7 +51,7 @@ export default function ArticleDetail(props) {
 
                     {/* title */}
                     <div className=" text-center font-bold text-3xl text-black dark:text-white font-serif pt-6">
-                        <NotionIcon icon={post.pageIcon} />{post.title}
+                        {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
                     </div>
 
                     {/* meta */}
diff --git a/themes/next/components/BlogPostCard.js b/themes/next/components/BlogPostCard.js
index 8b3f4a5bfa6..5c92482074d 100644
--- a/themes/next/components/BlogPostCard.js
+++ b/themes/next/components/BlogPostCard.js
@@ -40,7 +40,7 @@ const BlogPostCard = ({ post, index, showSummary }) => {
             passHref
             className={`cursor-pointer text-3xl ${showPreview ? 'text-center' : ''} leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}>
 
-            <NotionIcon icon={post.pageIcon} /> <span className='menu-link'>{post.title}</span>
+            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />} <span className='menu-link'>{post.title}</span>
 
           </Link>
 
diff --git a/themes/nobelium/components/ArticleInfo.js b/themes/nobelium/components/ArticleInfo.js
index b916d8cc7a5..74a1b21dbe9 100644
--- a/themes/nobelium/components/ArticleInfo.js
+++ b/themes/nobelium/components/ArticleInfo.js
@@ -14,7 +14,7 @@ export const ArticleInfo = (props) => {
         <div>
 
             <h1 className="font-bold text-3xl text-black dark:text-white">
-                <NotionIcon icon={post?.pageIcon} />{post?.title}
+                {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{post?.title}
             </h1>
 
             {post?.type !== 'Page' && <>
diff --git a/themes/nobelium/components/BlogPost.js b/themes/nobelium/components/BlogPost.js
index b5845cf905b..fbe52fdfb0f 100644
--- a/themes/nobelium/components/BlogPost.js
+++ b/themes/nobelium/components/BlogPost.js
@@ -15,7 +15,7 @@ const BlogPost = ({ post }) => {
       <article key={post.id} className="mb-6 md:mb-8">
         <header className="flex flex-col justify-between md:flex-row md:items-baseline">
           <h2 className="text-lg md:text-xl font-medium mb-2 cursor-pointer text-black dark:text-gray-100">
-            <NotionIcon icon={post.pageIcon} />{post.title}
+            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
           </h2>
           <time className="flex-shrink-0 text-gray-600 dark:text-gray-400">
             {post?.publishDay}
diff --git a/themes/plog/components/ArticleInfo.js b/themes/plog/components/ArticleInfo.js
index 56d61a424b5..aa12bb1a425 100644
--- a/themes/plog/components/ArticleInfo.js
+++ b/themes/plog/components/ArticleInfo.js
@@ -14,7 +14,7 @@ export const ArticleInfo = (props) => {
         <div>
 
             <h1 className="font-bold text-3xl text-black dark:text-white">
-                <NotionIcon icon={post?.pageIcon} />{post?.title}
+                {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{post?.title}
             </h1>
 
             {post?.type !== 'Page' && <>
diff --git a/themes/plog/components/BlogPost.js b/themes/plog/components/BlogPost.js
index 76ad9937aed..d20580081a3 100644
--- a/themes/plog/components/BlogPost.js
+++ b/themes/plog/components/BlogPost.js
@@ -4,6 +4,7 @@ import { usePlogGlobal } from '..'
 import { isMobile } from '@/lib/utils'
 import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
+import { siteConfig } from '@/lib/config'
 
 /**
  * 博客照片卡牌
@@ -38,7 +39,7 @@ const BlogPost = (props) => {
             <LazyImage src={pageThumbnail} className='aspect-[16/9] w-full h-full object-cover filter contrast-120' />
 
             <h2 className="text-md absolute left-0 bottom-0 m-4 text-gray-100 shadow-text">
-                <NotionIcon icon={post.pageIcon} /> {post?.title}
+                {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />} {post?.title}
             </h2>
             {post?.category && <div className='text-xs rounded-lg absolute left-0 top-0 m-4 px-2 py-1 bg-gray-200 dark:bg-black dark:bg-opacity-25 hover:bg-blue-700 hover:text-white duration-200'>
                 <Link href={`/category/${post?.category}`}>
diff --git a/themes/simple/components/ArticleInfo.js b/themes/simple/components/ArticleInfo.js
index 9ec3da911bb..e6408566b43 100644
--- a/themes/simple/components/ArticleInfo.js
+++ b/themes/simple/components/ArticleInfo.js
@@ -19,7 +19,7 @@ export default function ArticleInfo (props) {
         <section className="mt-2 text-gray-600 dark:text-gray-400 leading-8">
             <h2
                 className="blog-item-title mb-5 font-bold text-black text-xl md:text-2xl no-underline">
-                <NotionIcon icon={post?.pageIcon} />{post?.title}
+                {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}{post?.title}
             </h2>
 
             <div className='flex flex-wrap text-gray-700 dark:text-gray-300'>
diff --git a/themes/simple/components/BlogItem.js b/themes/simple/components/BlogItem.js
index 947baf63f40..65f5b3e56ce 100644
--- a/themes/simple/components/BlogItem.js
+++ b/themes/simple/components/BlogItem.js
@@ -35,7 +35,7 @@ export const BlogItem = props => {
                     <Link
                         href={url}
                         className="blog-item-title font-bold text-black text-2xl menu-link">
-                        <NotionIcon icon={post.pageIcon} />{post.title}
+                        {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
                     </Link>
                 </h2>
 

From 73b474caeee13f3d200afe5ad3126abdefe3069b Mon Sep 17 00:00:00 2001
From: Femoon <839242981@qq.com>
Date: Mon, 22 Apr 2024 17:21:20 +0800
Subject: [PATCH 2/6] fix: medium theme catalog miss

---
 themes/medium/index.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/themes/medium/index.js b/themes/medium/index.js
index 3b2e0b90b6d..fa473c4992a 100644
--- a/themes/medium/index.js
+++ b/themes/medium/index.js
@@ -46,12 +46,17 @@ export const useMediumGlobal = () => useContext(ThemeGlobalMedium)
  * @constructor
  */
 const LayoutBase = props => {
-  const { children, showInfoCard = true, slotRight, notice } = props
+  const { children, showInfoCard = true, post, notice } = props
   const { locale } = useGlobal()
   const router = useRouter()
   const [tocVisible, changeTocVisible] = useState(false)
   const { onLoading, fullWidth } = useGlobal()
 
+  const slotRight = post?.toc?.length > 0 && (
+    <div key={locale.COMMON.TABLE_OF_CONTENTS} >
+        <Catalog toc={post?.toc} />
+    </div>
+  )
   const slotTop = <BlogPostBar {...props} />
 
   return (

From b11db55b2cca7de16dce8bda1e2b6e86d7ed3480 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 23 Apr 2024 14:28:54 +0800
Subject: [PATCH 3/6] =?UTF-8?q?fix=20notion=20style=E4=B8=A2=E5=A4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/_app.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/_app.js b/pages/_app.js
index deab9a8b5fc..f2fe635a86d 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -3,8 +3,8 @@ import '@/styles/globals.css'
 import '@/styles/utility-patterns.css'
 
 // core styles shared by all of react-notion-x (required)
-// import 'react-notion-x/src/styles.css' // 原版的react-notion-x
-import '@/styles/notion.css' //  重写notion样式
+import '@/styles/notion.css' //  重写部分notion样式
+import 'react-notion-x/src/styles.css' // 原版的react-notion-x
 
 import useAdjustStyle from '@/hooks/useAdjustStyle'
 import { GlobalContextProvider } from '@/lib/global'

From 389e1114f623aff07e7fe4502954e47a2752dcec Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 23 Apr 2024 16:26:33 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dheo=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E6=97=A0=E6=B3=95=E7=94=A8notion-config?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/heo/components/Hero.js | 163 +++++++++++++++++-----------------
 1 file changed, 80 insertions(+), 83 deletions(-)

diff --git a/themes/heo/components/Hero.js b/themes/heo/components/Hero.js
index 9143e064b73..d54627078bc 100644
--- a/themes/heo/components/Hero.js
+++ b/themes/heo/components/Hero.js
@@ -18,16 +18,13 @@ const Hero = props => {
   const HEO_HERO_REVERSE = siteConfig('HEO_HERO_REVERSE', false, CONFIG)
   return (
     <div
-      id="hero-wrapper"
-      className="recent-top-post-group w-full overflow-hidden select-none px-5 mb-4"
-    >
+      id='hero-wrapper'
+      className='recent-top-post-group w-full overflow-hidden select-none px-5 mb-4'>
       <div
-        id="hero"
+        id='hero'
         style={{ zIndex: 1 }}
         className={`${HEO_HERO_REVERSE ? 'xl:flex-row-reverse' : ''}
-           recent-post-top rounded-[12px] 2xl:px-5 recent-top-post-group max-w-[86rem] overflow-x-scroll w-full mx-auto flex-row flex-nowrap flex relative`
-        }
-      >
+           recent-post-top rounded-[12px] 2xl:px-5 recent-top-post-group max-w-[86rem] overflow-x-scroll w-full mx-auto flex-row flex-nowrap flex relative`}>
         {/* 左侧banner组 */}
         <BannerGroup {...props} />
 
@@ -49,9 +46,8 @@ function BannerGroup(props) {
   return (
     // 左侧英雄区
     <div
-      id="bannerGroup"
-      className="flex flex-col justify-between flex-1 mr-2 max-w-[42rem]"
-    >
+      id='bannerGroup'
+      className='flex flex-col justify-between flex-1 mr-2 max-w-[42rem]'>
       {/* 动图 */}
       <Banner {...props} />
       {/* 导航分类 */}
@@ -78,17 +74,16 @@ function Banner(props) {
 
   return (
     <div
-      id="banners"
+      id='banners'
       onClick={handleClickBanner}
-      className="hidden xl:flex xl:flex-col group h-full bg-white dark:bg-[#1e1e1e] rounded-xl border dark:border-gray-700 mb-3 relative overflow-hidden"
-    >
-      <div id="banner-title" className="flex flex-col absolute top-10 left-10">
-        <div className="text-4xl font-bold mb-3  dark:text-white">
+      className='hidden xl:flex xl:flex-col group h-full bg-white dark:bg-[#1e1e1e] rounded-xl border dark:border-gray-700 mb-3 relative overflow-hidden'>
+      <div id='banner-title' className='flex flex-col absolute top-10 left-10'>
+        <div className='text-4xl font-bold mb-3  dark:text-white'>
           {siteConfig('HEO_HERO_TITLE_1', null, CONFIG)}
           <br />
           {siteConfig('HEO_HERO_TITLE_2', null, CONFIG)}
         </div>
-        <div className="text-xs text-gray-600  dark:text-gray-200">
+        <div className='text-xs text-gray-600  dark:text-gray-200'>
           {siteConfig('HEO_HERO_TITLE_3', null, CONFIG)}
         </div>
       </div>
@@ -98,15 +93,14 @@ function Banner(props) {
 
       {/* 遮罩 */}
       <div
-        id="banner-cover"
+        id='banner-cover'
         style={{ backdropFilter: 'blur(15px)' }}
         className={
           'rounded-xl overflow-hidden opacity-0 group-hover:opacity-100 duration-300 transition-all bg-[#4259efdd] dark:bg-[#dca846] dark:text-white cursor-pointer absolute w-full h-full top-0 flex justify-start items-center'
-        }
-      >
-        <div className="ml-12 -translate-x-32 group-hover:translate-x-0 duration-300 transition-all ease-in">
-          <div className="text-7xl text-white font-extrabold">随便逛逛</div>
-          <div className="-ml-3 text-gray-300">
+        }>
+        <div className='ml-12 -translate-x-32 group-hover:translate-x-0 duration-300 transition-all ease-in'>
+          <div className='text-7xl text-white font-extrabold'>随便逛逛</div>
+          <div className='-ml-3 text-gray-300'>
             <ArrowSmallRight className={'w-24 h-24 stroke-2'} />
           </div>
         </div>
@@ -120,38 +114,38 @@ function Banner(props) {
  * 英雄区左上角banner条中斜向滚动的图标
  */
 function TagsGroupBar() {
-  const groupIcons = siteConfig('HEO_GROUP_ICONS', null, CONFIG).concat(siteConfig('HEO_GROUP_ICONS', null, CONFIG))
+  const groupIcons = siteConfig('HEO_GROUP_ICONS', null, CONFIG).concat(
+    siteConfig('HEO_GROUP_ICONS', null, CONFIG)
+  )
 
   return (
-    <div className="tags-group-all flex -rotate-[30deg] h-full">
-      <div className="tags-group-wrapper flex flex-nowrap absolute top-16">
+    <div className='tags-group-all flex -rotate-[30deg] h-full'>
+      <div className='tags-group-wrapper flex flex-nowrap absolute top-16'>
         {groupIcons?.map((g, index) => {
           return (
-            <div key={index} className="tags-group-icon-pair ml-6 select-none">
+            <div key={index} className='tags-group-icon-pair ml-6 select-none'>
               <div
                 style={{ background: g.color_1 }}
                 className={
                   'tags-group-icon w-28 h-28 rounded-3xl flex items-center justify-center text-white text-lg font-bold shadow-md'
-                }
-              >
+                }>
                 <LazyImage
                   priority={true}
                   src={g.img_1}
                   title={g.title_1}
-                  className="w-2/3 hidden xl:block"
+                  className='w-2/3 hidden xl:block'
                 />
               </div>
               <div
                 style={{ background: g.color_2 }}
                 className={
                   'tags-group-icon  mt-5 w-28 h-28 rounded-3xl flex items-center justify-center text-white text-lg font-bold shadow-md'
-                }
-              >
+                }>
                 <LazyImage
                   priority={true}
                   src={g.img_2}
                   title={g.title_2}
-                  className="w-2/3 hidden xl:block"
+                  className='w-2/3 hidden xl:block'
                 />
               </div>
             </div>
@@ -168,42 +162,39 @@ function TagsGroupBar() {
  */
 function GroupMenu() {
   return (
-    <div className="h-[165px] select-none xl:h-20 flex flex-col justify-between xl:space-y-0 xl:flex-row w-28 lg:w-48 xl:w-full xl:flex-nowrap xl:space-x-3">
+    <div className='h-[165px] select-none xl:h-20 flex flex-col justify-between xl:space-y-0 xl:flex-row w-28 lg:w-48 xl:w-full xl:flex-nowrap xl:space-x-3'>
       <Link
         href={siteConfig('HEO_HERO_CATEGORY_1', null, CONFIG)?.url}
-        className="group relative overflow-hidden bg-gradient-to-r from-blue-500 to-blue-400 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in"
-      >
-        <div className="font-bold lg:text-lg  pl-5 relative -mt-2">
+        className='group relative overflow-hidden bg-gradient-to-r from-blue-500 to-blue-400 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in'>
+        <div className='font-bold lg:text-lg  pl-5 relative -mt-2'>
           {siteConfig('HEO_HERO_CATEGORY_1', null, CONFIG)?.title}
-          <span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
+          <span className='absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full'></span>
         </div>
-        <div className="hidden lg:block absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0">
-          <i className="fa-solid fa-star text-4xl"></i>
+        <div className='hidden lg:block absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
+          <i className='fa-solid fa-star text-4xl'></i>
         </div>
       </Link>
       <Link
         href={siteConfig('HEO_HERO_CATEGORY_2', null, CONFIG)?.url}
-        className="group relative overflow-hidden bg-gradient-to-r from-red-500 to-yellow-500 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in"
-      >
-        <div className="font-bold lg:text-lg pl-5 relative -mt-2">
+        className='group relative overflow-hidden bg-gradient-to-r from-red-500 to-yellow-500 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in'>
+        <div className='font-bold lg:text-lg pl-5 relative -mt-2'>
           {siteConfig('HEO_HERO_CATEGORY_2', null, CONFIG)?.title}
-          <span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
+          <span className='absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full'></span>
         </div>
-        <div className="hidden lg:block absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0">
-          <i className="fa-solid fa-fire-flame-curved text-4xl"></i>
+        <div className='hidden lg:block absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
+          <i className='fa-solid fa-fire-flame-curved text-4xl'></i>
         </div>
       </Link>
       {/* 第三个标签在小屏上不显示 */}
       <Link
         href={siteConfig('HEO_HERO_CATEGORY_3', null, CONFIG)?.url}
-        className="group relative overflow-hidden bg-gradient-to-r from-teal-300 to-cyan-300 hidden h-20 xl:flex justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in"
-      >
-        <div className="font-bold text-lg pl-5 relative -mt-2">
+        className='group relative overflow-hidden bg-gradient-to-r from-teal-300 to-cyan-300 hidden h-20 xl:flex justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in'>
+        <div className='font-bold text-lg pl-5 relative -mt-2'>
           {siteConfig('HEO_HERO_CATEGORY_3', null, CONFIG)?.title}
-          <span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
+          <span className='absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full'></span>
         </div>
-        <div className="absolute right-6 duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0">
-          <i className="fa-solid fa-book-bookmark text-4xl "></i>
+        <div className='absolute right-6 duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
+          <i className='fa-solid fa-book-bookmark text-4xl '></i>
         </div>
       </Link>
     </div>
@@ -225,30 +216,28 @@ function TopGroup(props) {
 
   return (
     <div
-      id="hero-right-wrapper"
+      id='hero-right-wrapper'
       onMouseLeave={handleMouseLeave}
-      className="flex-1 relative w-full"
-    >
+      className='flex-1 relative w-full'>
       {/* 置顶推荐文章 */}
       <div
-        id="top-group"
-        className="w-full flex space-x-3 xl:space-x-0 xl:grid xl:grid-cols-3 xl:gap-3 xl:h-[342px]"
-      >
+        id='top-group'
+        className='w-full flex space-x-3 xl:space-x-0 xl:grid xl:grid-cols-3 xl:gap-3 xl:h-[342px]'>
         {topPosts?.map((p, index) => {
           return (
             <Link href={`${siteConfig('SUB_PATH', '')}/${p?.slug}`} key={index}>
-              <div className="cursor-pointer h-[164px] group relative flex flex-col w-52 xl:w-full overflow-hidden shadow bg-white dark:bg-black dark:text-white rounded-xl">
+              <div className='cursor-pointer h-[164px] group relative flex flex-col w-52 xl:w-full overflow-hidden shadow bg-white dark:bg-black dark:text-white rounded-xl'>
                 <LazyImage
                   priority={index === 0}
-                  className="h-24 object-cover"
+                  className='h-24 object-cover'
                   alt={p?.title}
                   src={p?.pageCoverThumbnail || siteInfo?.pageCover}
                 />
-                <div className="group-hover:text-indigo-600 dark:group-hover:text-yellow-600 line-clamp-2 overflow-hidden m-2 font-semibold">
+                <div className='group-hover:text-indigo-600 dark:group-hover:text-yellow-600 line-clamp-2 overflow-hidden m-2 font-semibold'>
                   {p?.title}
                 </div>
                 {/* hover 悬浮的 ‘荐’ 字 */}
-                <div className="opacity-0 group-hover:opacity-100 -translate-x-4 group-hover:translate-x-0 duration-200 transition-all absolute -top-2 -left-2 bg-indigo-600 dark:bg-yellow-600  text-white rounded-xl overflow-hidden pr-2 pb-2 pl-4 pt-4 text-xs">
+                <div className='opacity-0 group-hover:opacity-100 -translate-x-4 group-hover:translate-x-0 duration-200 transition-all absolute -top-2 -left-2 bg-indigo-600 dark:bg-yellow-600  text-white rounded-xl overflow-hidden pr-2 pb-2 pl-4 pt-4 text-xs'>
                   荐
                 </div>
               </div>
@@ -256,7 +245,7 @@ function TopGroup(props) {
           )
         })}
       </div>
-      <TodayCard cRef={todayCardRef} siteInfo={siteInfo}/>
+      <TodayCard cRef={todayCardRef} siteInfo={siteInfo} />
     </div>
   )
 }
@@ -277,7 +266,11 @@ function getTopPosts({ latestPosts, allNavPages }) {
   let sortPosts = []
 
   // 排序方式
-  if (JSON.parse(siteConfig('HEO_HERO_RECOMMEND_POST_SORT_BY_UPDATE_TIME', null, CONFIG))) {
+  if (
+    JSON.parse(
+      siteConfig('HEO_HERO_RECOMMEND_POST_SORT_BY_UPDATE_TIME', null, CONFIG)
+    )
+  ) {
     sortPosts = Object.create(allNavPages).sort((a, b) => {
       const dateA = new Date(a?.lastEditedDate)
       const dateB = new Date(b?.lastEditedDate)
@@ -293,7 +286,11 @@ function getTopPosts({ latestPosts, allNavPages }) {
       break
     }
     // 查找标签
-    if (post?.tags?.indexOf(siteConfig('HEO_HERO_RECOMMEND_POST_TAG', null, CONFIG)) >= 0) {
+    if (
+      post?.tags?.indexOf(
+        siteConfig('HEO_HERO_RECOMMEND_POST_TAG', null, CONFIG)
+      ) >= 0
+    ) {
       topPosts.push(post)
     }
   }
@@ -306,6 +303,7 @@ function getTopPosts({ latestPosts, allNavPages }) {
  */
 function TodayCard({ cRef, siteInfo }) {
   const router = useRouter()
+  const link = siteConfig('HEO_HERO_TITLE_LINK', null, CONFIG)
   // 卡牌是否盖住下层
   const [isCoverUp, setIsCoverUp] = useState(true)
 
@@ -334,56 +332,55 @@ function TodayCard({ cRef, siteInfo }) {
    * @param {*} e
    */
   function handleCardClick(e) {
-    router.push(siteConfig('HEO_HERO_TITLE_LINK', null, CONFIG))
+    router.push(link)
   }
 
   return (
     <div
-      id="today-card"
+      id='today-card'
       className={`${
         isCoverUp ? ' ' : 'pointer-events-none'
-      } overflow-hidden absolute hidden xl:flex flex-1 flex-col h-full top-0 w-full`}
-    >
+      } overflow-hidden absolute hidden xl:flex flex-1 flex-col h-full top-0 w-full`}>
       <div
-        id="card-body"
+        id='card-body'
         onClick={handleCardClick}
         className={`${
           isCoverUp
             ? 'opacity-100 cursor-pointer'
             : 'opacity-0 transform scale-110 pointer-events-none'
-        } shadow transition-all duration-200 today-card h-full bg-[#0E57D5] rounded-xl relative overflow-hidden flex items-end`}
-      >
+        } shadow transition-all duration-200 today-card h-full bg-[#0E57D5] rounded-xl relative overflow-hidden flex items-end`}>
         <div
-          id="today-card-info"
-          className="z-10 flex justify-between w-full relative text-white p-10 items-end"
-        >
-          <div className="flex flex-col">
-            <div className="text-xs font-light">{siteConfig('HEO_HERO_TITLE_4', null, CONFIG)}</div>
-            <div className="text-3xl font-bold">{siteConfig('HEO_HERO_TITLE_5', null, CONFIG)}</div>
+          id='today-card-info'
+          className='z-10 flex justify-between w-full relative text-white p-10 items-end'>
+          <div className='flex flex-col'>
+            <div className='text-xs font-light'>
+              {siteConfig('HEO_HERO_TITLE_4', null, CONFIG)}
+            </div>
+            <div className='text-3xl font-bold'>
+              {siteConfig('HEO_HERO_TITLE_5', null, CONFIG)}
+            </div>
           </div>
           <div
             onClick={handleClickMore}
             className={`'${
               isCoverUp ? '' : 'hidden pointer-events-none '
-            } flex items-center px-3 h-10 justify-center bg-[#425aef] hover:bg-[#4259efcb] transition-colors duration-100 rounded-3xl`}
-          >
+            } flex items-center px-3 h-10 justify-center bg-[#425aef] hover:bg-[#4259efcb] transition-colors duration-100 rounded-3xl`}>
             <PlusSmall
               className={'w-6 h-6 mr-2 bg-white rounded-full stroke-indigo-400'}
             />
-            <div id="more" className="select-none">
+            <div id='more' className='select-none'>
               更多推荐
             </div>
           </div>
         </div>
         <div
-          id="today-card-cover"
+          id='today-card-cover'
           className={`${
             isCoverUp ? '' : ' pointer-events-none'
           } cursor-pointer today-card-cover absolute w-full h-full top-0`}
           style={{
             background: `url('${siteInfo?.pageCover}') no-repeat center /cover`
-          }}
-        ></div>
+          }}></div>
       </div>
     </div>
   )

From 981ec37654b70865e3ba345138b47092ef576bbc Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 23 Apr 2024 18:01:16 +0800
Subject: [PATCH 5/6] =?UTF-8?q?NOTION=5FCONFIG=E6=94=AF=E6=8C=81=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AEFONT=5FURL?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/GlobalHead.js | 64 +++++++++++++++++++++++++++++++++-------
 pages/_document.js       | 19 ------------
 2 files changed, 54 insertions(+), 29 deletions(-)

diff --git a/components/GlobalHead.js b/components/GlobalHead.js
index 86368328d64..b4628917bb6 100644
--- a/components/GlobalHead.js
+++ b/components/GlobalHead.js
@@ -1,7 +1,9 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
+import { loadExternalResource } from '@/lib/utils'
 import Head from 'next/head'
 import { useRouter } from 'next/router'
+import { useEffect } from 'react'
 
 /**
  * 页面的Head头，通常有用于SEO
@@ -10,7 +12,9 @@ import { useRouter } from 'next/router'
  */
 const GlobalHead = props => {
   const { children, siteInfo } = props
-  let url = siteConfig('PATH')?.length ? `${siteConfig('LINK')}/${siteConfig('SUB_PATH', '')}` : siteConfig('LINK')
+  let url = siteConfig('PATH')?.length
+    ? `${siteConfig('LINK')}/${siteConfig('SUB_PATH', '')}`
+    : siteConfig('LINK')
   let image
   const router = useRouter()
   const meta = getSEOMeta(props, router, useGlobal())
@@ -24,19 +28,50 @@ const GlobalHead = props => {
   const keywords = meta?.tags || siteConfig('KEYWORDS')
   const lang = siteConfig('LANG').replace('-', '_') // Facebook OpenGraph 要 zh_CN 這樣的格式才抓得到語言
   const category = meta?.category || siteConfig('KEYWORDS') // section 主要是像是 category 這樣的分類，Facebook 用這個來抓連結的分類
+  const favicon = siteConfig('BLOG_FAVICON')
+  const webFontUrl = siteConfig('FONT_URL')
+
+  useEffect(() => {
+    // 使用WebFontLoader字体加载
+    loadExternalResource(
+      'https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js',
+      'js'
+    ).then(url => {
+      const WebFont = window?.WebFont
+      if (WebFont) {
+        console.log('LoadWebFont', webFontUrl)
+        WebFont.load({
+          custom: {
+            // families: ['"LXGW WenKai"'],
+            urls: webFontUrl
+          }
+        })
+      }
+    })
+  }, [])
 
   return (
     <Head>
+      <link rel='icon' href={favicon} />
       <title>{title}</title>
       <meta name='theme-color' content={siteConfig('BACKGROUND_DARK')} />
-      <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0' />
+      <meta
+        name='viewport'
+        content='width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0'
+      />
       <meta name='robots' content='follow, index' />
       <meta charSet='UTF-8' />
       {siteConfig('SEO_GOOGLE_SITE_VERIFICATION') && (
-        <meta name='google-site-verification' content={siteConfig('SEO_GOOGLE_SITE_VERIFICATION')} />
+        <meta
+          name='google-site-verification'
+          content={siteConfig('SEO_GOOGLE_SITE_VERIFICATION')}
+        />
       )}
       {siteConfig('SEO_BAIDU_SITE_VERIFICATION') && (
-        <meta name='baidu-site-verification' content={siteConfig('SEO_BAIDU_SITE_VERIFICATION')} />
+        <meta
+          name='baidu-site-verification'
+          content={siteConfig('SEO_BAIDU_SITE_VERIFICATION')}
+        />
       )}
       <meta name='keywords' content={keywords} />
       <meta name='description' content={description} />
@@ -57,13 +92,17 @@ const GlobalHead = props => {
             rel='webmention'
             href={`https://webmention.io/${siteConfig('COMMENT_WEBMENTION_HOSTNAME')}/webmention`}
           />
-          <link rel='pingback' href={`https://webmention.io/${siteConfig('COMMENT_WEBMENTION_HOSTNAME')}/xmlrpc`} />
+          <link
+            rel='pingback'
+            href={`https://webmention.io/${siteConfig('COMMENT_WEBMENTION_HOSTNAME')}/xmlrpc`}
+          />
         </>
       )}
 
-      {siteConfig('COMMENT_WEBMENTION_ENABLE') && siteConfig('COMMENT_WEBMENTION_AUTH') !== '' && (
-        <link href={siteConfig('COMMENT_WEBMENTION_AUTH')} rel='me' />
-      )}
+      {siteConfig('COMMENT_WEBMENTION_ENABLE') &&
+        siteConfig('COMMENT_WEBMENTION_AUTH') !== '' && (
+          <link href={siteConfig('COMMENT_WEBMENTION_AUTH')} rel='me' />
+        )}
 
       {JSON.parse(siteConfig('ANALYTICS_BUSUANZI_ENABLE')) && (
         <meta name='referrer' content='no-referrer-when-downgrade' />
@@ -73,7 +112,10 @@ const GlobalHead = props => {
           <meta property='article:published_time' content={meta.publishDay} />
           <meta property='article:author' content={siteConfig('AUTHOR')} />
           <meta property='article:section' content={category} />
-          <meta property='article:publisher' content={siteConfig('FACEBOOK_PAGE')} />
+          <meta
+            property='article:publisher'
+            content={siteConfig('FACEBOOK_PAGE')}
+          />
         </>
       )}
       {children}
@@ -181,7 +223,9 @@ const getSEOMeta = (props, router, global) => {
       }
     default:
       return {
-        title: post ? `${post?.title} | ${siteInfo?.title}` : `${siteInfo?.title} | loading`,
+        title: post
+          ? `${post?.title} | ${siteInfo?.title}`
+          : `${siteInfo?.title} | loading`,
         description: post?.summary,
         type: post?.type,
         slug: post?.slug,
diff --git a/pages/_document.js b/pages/_document.js
index a61e2b96360..adb3eb3e3d1 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -30,25 +30,6 @@ class MyDocument extends Document {
               />
             </>
           )}
-
-          {BLOG.FONT_URL?.map((fontUrl, index) => {
-            if (
-              fontUrl.endsWith('.css') ||
-              fontUrl.includes('googleapis.com/css')
-            ) {
-              return <link key={index} rel='stylesheet' href={fontUrl} />
-            } else {
-              return (
-                <link
-                  key={index}
-                  rel='preload'
-                  href={fontUrl}
-                  as='font'
-                  type='font/woff2'
-                />
-              )
-            }
-          })}
         </Head>
 
         <body>

From db1c3985003a6790010d76da2d64ab516112a4d3 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 23 Apr 2024 18:04:36 +0800
Subject: [PATCH 6/6] v4.4.4

---
 .env.local   | 2 +-
 package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env.local b/.env.local
index f6509b08fb7..ac577f78474 100644
--- a/.env.local
+++ b/.env.local
@@ -1,5 +1,5 @@
 # 环境变量 @see https://www.nextjs.cn/docs/basic-features/environment-variables
-NEXT_PUBLIC_VERSION=4.4.3
+NEXT_PUBLIC_VERSION=4.4.4
 
 
 # 可在此添加环境变量，去掉最左边的（# ）注释即可
diff --git a/package.json b/package.json
index 39e5a555cd4..d969e0884c9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "notion-next",
-  "version": "4.4.3",
+  "version": "4.4.4",
   "homepage": "https://github.com/tangly1024/NotionNext.git",
   "license": "MIT",
   "repository": {