From b15d5f7c2ccf0ffe48448b3d1cd0a70927f5c85c Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 30 Dec 2023 17:19:21 +0800
Subject: [PATCH] =?UTF-8?q?hexo=20=E4=B8=BB=E9=A2=98=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=85=A8=E5=B1=8F=E6=96=87=E7=AB=A0=EF=BC=8C=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/notion/getNotion.js              | 3 +--
 themes/hexo/components/PostHeader.js | 6 ++++++
 themes/hexo/components/SideRight.js  | 6 ++++++
 themes/hexo/index.js                 | 5 +++--
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/lib/notion/getNotion.js b/lib/notion/getNotion.js
index 3da84ee8..aad65379 100644
--- a/lib/notion/getNotion.js
+++ b/lib/notion/getNotion.js
@@ -16,7 +16,6 @@ export async function getNotion(pageId) {
   }
 
   const postInfo = blockMap?.block?.[idToUuid(pageId)].value
-
   return {
     id: pageId,
     type: postInfo,
@@ -26,7 +25,7 @@ export async function getNotion(pageId) {
     status: 'Published',
     createdTime: formatDate(new Date(postInfo.created_time).toString(), BLOG.LANG),
     lastEditedDay: formatDate(new Date(postInfo?.last_edited_time).toString(), BLOG.LANG),
-    fullWidth: false,
+    fullWidth: postInfo?.fullWidth,
     page_cover: getPageCover(postInfo),
     date: { start_date: formatDate(new Date(postInfo?.last_edited_time).toString(), BLOG.LANG) },
     blockMap
diff --git a/themes/hexo/components/PostHeader.js b/themes/hexo/components/PostHeader.js
index 8a69b9ef..fb051e8f 100644
--- a/themes/hexo/components/PostHeader.js
+++ b/themes/hexo/components/PostHeader.js
@@ -12,6 +12,12 @@ export default function PostHeader({ post, siteInfo }) {
   if (!post) {
     return <></>
   }
+
+  // 文章全屏隐藏标头
+  if (post.fullWidth) {
+    return <div className='my-8'/>
+  }
+
   const headerImage = post?.pageCover ? post.pageCover : siteInfo?.pageCover
 
   return (
diff --git a/themes/hexo/components/SideRight.js b/themes/hexo/components/SideRight.js
index c5600eb4..497a7b2f 100644
--- a/themes/hexo/components/SideRight.js
+++ b/themes/hexo/components/SideRight.js
@@ -38,6 +38,12 @@ export default function SideRight(props) {
   } = props
 
   const { locale } = useGlobal()
+
+  // 文章全屏处理
+  if (post && post?.fullWidth) {
+    return null
+  }
+
   return (
     <div id='sideRight' className={'space-y-4 lg:w-80 lg:pt-0 px-2 pt-4'}>
       <InfoCard {...props} />
diff --git a/themes/hexo/index.js b/themes/hexo/index.js
index 7e770dc5..4f8dbe92 100644
--- a/themes/hexo/index.js
+++ b/themes/hexo/index.js
@@ -40,8 +40,9 @@ import { siteConfig } from '@/lib/config'
  * @constructor
  */
 const LayoutBase = props => {
-  const { children, headerSlot, floatSlot, slotTop, meta, className } = props
+  const { post, children, headerSlot, floatSlot, slotTop, meta, className } = props
   const { onLoading } = useGlobal()
+  const fullWidth = post?.fullWidth ?? false
 
   return (
         <div id='theme-hexo'>
@@ -70,7 +71,7 @@ const LayoutBase = props => {
             {/* 主区块 */}
             <main id="wrapper" className={`${siteConfig('HEXO_HOME_BANNER_ENABLE', null, CONFIG) ? '' : 'pt-16'} bg-hexo-background-gray dark:bg-black w-full py-8 md:px-8 lg:px-24 min-h-screen relative`}>
                 <div id="container-inner" className={(JSON.parse(siteConfig('LAYOUT_SIDEBAR_REVERSE')) ? 'flex-row-reverse' : '') + ' w-full mx-auto lg:flex lg:space-x-4 justify-center relative z-10'} >
-                    <div className={`${className || ''} w-full max-w-4xl h-full overflow-hidden`}>
+                    <div className={`${className || ''} w-full ${fullWidth ? '' : 'max-w-4xl'} h-full overflow-hidden`}>
 
                         <Transition
                             show={!onLoading}