From 557bbf18b8930c7fd877b0272b1a868f1309d360 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Wed, 12 Jun 2024 16:14:42 +0800
Subject: [PATCH] =?UTF-8?q?heo=E4=B8=BB=E9=A2=98=20=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E6=A0=8F=E5=8A=A8=E7=94=BB=E4=B8=9D=E6=BB=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/lang/en-US.js                     |  3 ++-
 lib/lang/zh-CN.js                     |  3 ++-
 themes/heo/components/Header.js       | 14 +++++++++-----
 themes/heo/components/PostAdjacent.js | 12 +++++++-----
 themes/heo/index.js                   | 16 +++++++---------
 5 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/lib/lang/en-US.js b/lib/lang/en-US.js
index f60b375a..0a508878 100644
--- a/lib/lang/en-US.js
+++ b/lib/lang/en-US.js
@@ -61,7 +61,8 @@ export default {
     START_READING: 'Start Reading',
     MINUTE: 'min',
     WORD_COUNT: 'Words',
-    READ_TIME: 'Read Time'
+    READ_TIME: 'Read Time',
+    NEXT_POST: '下一篇'
   },
   PAGINATION: {
     PREV: 'Prev',
diff --git a/lib/lang/zh-CN.js b/lib/lang/zh-CN.js
index 4dd1962e..9969452d 100644
--- a/lib/lang/zh-CN.js
+++ b/lib/lang/zh-CN.js
@@ -62,7 +62,8 @@ export default {
     START_READING: '开始阅读',
     MINUTE: '分钟',
     WORD_COUNT: '字数',
-    READ_TIME: '阅读时长'
+    READ_TIME: '阅读时长',
+    NEXT_POST:'下一篇'
   },
   PAGINATION: {
     PREV: '上页',
diff --git a/themes/heo/components/Header.js b/themes/heo/components/Header.js
index 3e1fd814..724670c6 100644
--- a/themes/heo/components/Header.js
+++ b/themes/heo/components/Header.js
@@ -140,7 +140,7 @@ const Header = props => {
       {/* 顶部导航菜单栏 */}
       <nav
         id='nav'
-        className={`z-20 h-16 top-0 w-full duration-500 transition-all
+        className={`z-20 h-16 top-0 w-full duration-300 transition-all
             ${fixedNav ? 'fixed' : 'relative bg-transparent'} 
             ${textWhite ? 'text-white ' : 'text-black dark:text-white'}  
             ${navBgWhite ? 'bg-white dark:bg-[#18171d] shadow' : 'bg-transparent'}`}>
@@ -153,14 +153,18 @@ const Header = props => {
           {/* 中间菜单 */}
           <div
             id='nav-bar-swipe'
-            className={`hidden lg:flex flex-grow flex-col items-center justify-center h-full relative w-full ${activeIndex === 0 ? 'fade-in-down' : 'fade-in-up'}`}>
-            {activeIndex === 0 && <MenuListTop {...props} />}
-            {activeIndex === 1 && (
+            className={`hidden lg:flex flex-grow flex-col items-center justify-center h-full relative w-full overflow-hidden`}>
+            <div
+              className={`absolute transition-all duration-500 ${activeIndex === 0 ? 'opacity-100 mt-0' : '-mt-24 opacity-0 invisible'}`}>
+              <MenuListTop {...props} />
+            </div>
+            <div
+              className={`absolute transition-all duration-500 ${activeIndex === 1 ? 'opacity-100 mb-0' : '-mb-24 opacity-0 invisible'}`}>
               <h1 className='font-bold text-center text-light-400 dark:text-gray-400'>
                 {siteConfig('AUTHOR') || siteConfig('TITLE')}{' '}
                 {siteConfig('BIO') && <>|</>} {siteConfig('BIO')}
               </h1>
-            )}
+            </div>
           </div>
 
           {/* 右侧固定 */}
diff --git a/themes/heo/components/PostAdjacent.js b/themes/heo/components/PostAdjacent.js
index aa61d3f8..9f97eac7 100644
--- a/themes/heo/components/PostAdjacent.js
+++ b/themes/heo/components/PostAdjacent.js
@@ -1,4 +1,5 @@
 import { siteConfig } from '@/lib/config'
+import { useGlobal } from '@/lib/global'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
@@ -12,6 +13,7 @@ import CONFIG from '../config'
 export default function PostAdjacent({ prev, next }) {
   const [isShow, setIsShow] = useState(false)
   const router = useRouter()
+  const { locale } = useGlobal()
 
   useEffect(() => {
     setIsShow(false)
@@ -85,13 +87,13 @@ export default function PostAdjacent({ prev, next }) {
 
       <div
         id='pc-next-post'
-        className={`hidden md:block fixed z-40 right-24 bottom-4 duration-200 transition-all ${isShow ? 'mb-0 opacity-100' : '-mb-24 opacity-0'}`}>
+        className={`${isShow ? 'mb-5 opacity-100' : '-mb-24 opacity-0'} hidden md:block fixed z-40 right-10 bottom-4 duration-200 transition-all`}>
         <Link
           href={`/${next.slug}`}
-          className='cursor-pointer drop-shadow-xl duration transition-all h-24 dark:bg-[#1e1e1e] border dark:border-gray-600 p-3 bg-white dark:text-gray-300 dark:hover:text-yellow-600 hover:font-bold hover:text-blue-600 rounded-lg flex flex-col justify-between'>
-          <div className='text-xs'>下一篇</div>
-          <hr />
-          <div>{next?.title}</div>
+          className='text-sm block p-4 w-72 h-28 cursor-pointer drop-shadow-xl duration transition-all dark:bg-[#1e1e1e] border dark:border-gray-600 bg-white dark:text-gray-300 dark:hover:text-yellow-600 hover:font-bold hover:text-blue-600 rounded-lg'>
+          <div className='font-semibold'>{locale.COMMON.NEXT_POST}</div>
+          <hr className='mt-2 mb-3' />
+          <div className='line-clamp-2'>{next?.title}</div>
         </Link>
       </div>
     </div>
diff --git a/themes/heo/index.js b/themes/heo/index.js
index 26c1aeda..33f88f27 100644
--- a/themes/heo/index.js
+++ b/themes/heo/index.js
@@ -291,18 +291,19 @@ const LayoutSlug = props => {
         {!lock && (
           <div id='article-wrapper' className='mx-auto md:w-full md:px-5'>
             {/* 文章主体 */}
-            <article
-              itemScope
-              itemType='https://schema.org/Movie'
-              data-wow-delay='.2s'
-              className='wow fadeInUp'>
+            <article itemScope itemType='https://schema.org/Movie'>
               {/* Notion文章主体 */}
-              <section className='px-5 py-5 justify-center mx-auto'>
+              <section
+                className='wow fadeInUp p-5 justify-center mx-auto'
+                data-wow-delay='.2s'>
                 <WWAds orientation='horizontal' className='w-full' />
                 {post && <NotionPage post={post} />}
                 <WWAds orientation='horizontal' className='w-full' />
               </section>
 
+              {/* 上一篇\下一篇文章 */}
+              <PostAdjacent {...props} />
+
               {/* 分享 */}
               <ShareBar post={post} />
               {post?.type === 'Post' && (
@@ -315,9 +316,6 @@ const LayoutSlug = props => {
               )}
             </article>
 
-            {/* 上一篇\下一篇文章 */}
-            <PostAdjacent {...props} />
-
             {/* 评论区 */}
             {fullWidth ? null : (
               <div className={`${commentEnable && post ? '' : 'hidden'}`}>