From 0651023f64ad63922722167199048a36fbaebd83 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 18 Jul 2023 16:13:50 +0800
Subject: [PATCH] fix-heo

---
 themes/heo/components/FloatTocButton.js   |  2 +-
 themes/heo/components/Footer.js           |  8 +++--
 themes/heo/components/PaginationNumber.js | 39 ++++++++++++++++++++---
 3 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/themes/heo/components/FloatTocButton.js b/themes/heo/components/FloatTocButton.js
index 23142670..e96d2a07 100644
--- a/themes/heo/components/FloatTocButton.js
+++ b/themes/heo/components/FloatTocButton.js
@@ -18,7 +18,7 @@ export default function FloatTocButton(props) {
     return <></>
   }
 
-  return (<div className='fixed right-4 bottom-24'>
+  return (<div className='fixed lg:hidden right-4 bottom-24'>
         {/* 按钮 */}
         <div onClick={toggleToc} className={'select-none hover:scale-110 transform duration-200 text-black dark:text-gray-200 w-10 h-10 rounded-full bg-white drop-shadow-lg flex justify-center items-center dark:bg-hexo-black-gray py-2 px-2'}>
             <button id="toc-button" className={'fa-list-ol cursor-pointer fas'} />
diff --git a/themes/heo/components/Footer.js b/themes/heo/components/Footer.js
index 749d6048..b673f010 100644
--- a/themes/heo/components/Footer.js
+++ b/themes/heo/components/Footer.js
@@ -30,8 +30,9 @@ const Footer = ({ title }) => {
 
             <br />
 
-{/* 底部页面信息 */}
-            <div id='footer-bottom' className='w-full h-20 flex justify-between px-6 items-center bg-[#f1f3f7] dark:bg-[#30343f]'>
+            {/* 底部页面信息 */}
+            <div id='footer-bottom' className='w-full h-20 flex flex-col p-3 lg:flex-row justify-between px-6 items-center bg-[#f1f3f7] dark:bg-[#30343f]'>
+
                 <div id='footer-bottom-left'>
                     <i className='fas fa-copyright' /> {`${copyrightDate}`} <i className='mx-1 animate-pulse fas fa-heart' /> <a href={BLOG.LINK} className='underline font-bold  dark:text-gray-300 '>{BLOG.AUTHOR}</a>.
                 </div>
@@ -43,7 +44,8 @@ const Footer = ({ title }) => {
                         <i className='fas fa-eye' /><span className='px-1 busuanzi_value_site_pv'> </span>  </span>
                     <span className='pl-2 hidden busuanzi_container_site_uv'>
                         <i className='fas fa-users' /> <span className='px-1 busuanzi_value_site_uv'> </span> </span>
-                    <h1 className='text-xs text-light-400 dark:text-gray-400'>{title} | {BLOG.BIO}</h1>
+
+                    {/* <h1 className='text-xs text-light-400 dark:text-gray-400'>{title} | {BLOG.BIO}</h1> */}
 
                 </div>
             </div>
diff --git a/themes/heo/components/PaginationNumber.js b/themes/heo/components/PaginationNumber.js
index 85018130..e3e81fdf 100644
--- a/themes/heo/components/PaginationNumber.js
+++ b/themes/heo/components/PaginationNumber.js
@@ -16,6 +16,7 @@ const PaginationNumber = ({ page, totalPage }) => {
   const { locale } = useGlobal()
   const currentPage = +page
   const showNext = page < totalPage
+  const showPrev = currentPage !== 1
   const pagePrefix = router.asPath.split('?')[0].replace(/\/page\/[1-9]\d*/, '').replace(/\/$/, '')
   const pages = generatePages(pagePrefix, page, currentPage, totalPage)
 
@@ -27,16 +28,18 @@ const PaginationNumber = ({ page, totalPage }) => {
   }
 
   /**
-     * 调到指定页
-     */
+           * 调到指定页
+           */
   const jumpToPage = () => {
     if (value) {
       router.push(value === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${value}`)
     }
   }
 
-  return (
-        <div className="mt-10 mb-5 flex justify-between items-end font-medium text-black duration-500 dark:text-gray-300 py-3 space-x-2 overflow-x-auto">
+  return (<>
+
+        {/* pc端分页按钮 */}
+        <div className="hidden lg:flex justify-between items-end mt-10 mb-5 font-medium text-black duration-500 dark:text-gray-300 py-3 space-x-2 overflow-x-auto">
             {/* 上一页 */}
             <Link
                 href={{
@@ -84,7 +87,33 @@ const PaginationNumber = ({ page, totalPage }) => {
                 </div>
             </Link>
         </div>
-  )
+
+        <div className='w-full flex flex-row'>
+            {/* 上一页 */}
+            <Link
+                href={{
+                  pathname: currentPage === 2 ? `${pagePrefix}/` : `${pagePrefix}/page/${currentPage - 1}`,
+                  query: router.query.s ? { s: router.query.s } : {}
+                }}
+                rel="prev"
+                className={`${showPrev ? 'block' : 'hidden'} relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
+                {locale.PAGINATION.PREV}
+            </Link>
+
+            {showPrev && showNext && <div className='w-12'></div>}
+
+            {/* 下一页 */}
+            <Link
+                href={{
+                  pathname: `${pagePrefix}/page/${currentPage + 1}`,
+                  query: router.query.s ? { s: router.query.s } : {}
+                }}
+                rel="next"
+                className={`${+showNext ? 'block' : 'hidden'} relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
+                {locale.PAGINATION.NEXT}
+            </Link>
+        </div>
+    </>)
 }
 
 /**