From e906ac31d8e99497edbf3ed1014e591fad44b7ee Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Fri, 10 Mar 2023 15:10:48 +0800
Subject: [PATCH] =?UTF-8?q?simple=20=E6=A0=B7=E5=BC=8F=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 blog.config.js                           | 3 +++
 themes/simple/components/BlogItem.js     | 4 ++--
 themes/simple/components/BlogListPage.js | 4 ++--
 themes/simple/components/Header.js       | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/blog.config.js b/blog.config.js
index fd3274ba..bb063c18 100644
--- a/blog.config.js
+++ b/blog.config.js
@@ -220,6 +220,9 @@ const BLOG = {
   HOME_BANNER_IMAGE: process.env.NEXT_PUBLIC_HOME_BANNER_IMAGE || './bg_image.jpg', // 首页背景大图, 会被notion中的封面图覆盖，若无封面图则会使用代码中的 /public/bg_image.jpg 文件
   DESCRIPTION: process.env.NEXT_PUBLIC_DESCRIPTION || '这是一个由NotionNext生成的站点', // 站点描述，被notion中的页面描述覆盖
 
+  // 网站图片
+  IMG_URL_TYPE: process.env.NEXT_PUBLIC_IMG_TYPE || 'Notion', // ['Notion','AMAZON'] 站点图片前缀 默认 Notion:(https://notion.so/images/xx) ， AMAZON(https://s3.us-west-2.amazonaws.com/xxx)
+
   // 开发相关
   NOTION_ACCESS_TOKEN: process.env.NOTION_ACCESS_TOKEN || '', // Useful if you prefer not to make your database public
   DEBUG: process.env.NEXT_PUBLIC_DEBUG || false, // 是否显示调试按钮
diff --git a/themes/simple/components/BlogItem.js b/themes/simple/components/BlogItem.js
index 038aeda7..ff90aaa8 100644
--- a/themes/simple/components/BlogItem.js
+++ b/themes/simple/components/BlogItem.js
@@ -18,8 +18,8 @@ export const BlogItem = props => {
         <div className="mb-4 text-sm text-gray-700 dark:text-gray-300">
             <span> <i className="fa-regular fa-user"></i> <a href={CONFIG_SIMPLE.AUTHOR_LINK}>{BLOG.AUTHOR}</a></span>
             <span> - <i className="fa-regular fa-clock"></i> {post.date?.start_date || post.createdTime}</span>
-            {post.category && <span> - <i className="fa-regular fa-folder"></i> <a href="#" className="hover:text-red-400 transition-all duration-200">{post.category}</a></span>}
-            {post.tags && post.tags?.length > 0 && post.tags.map(t => <span key={t}> / <Link href={`tag/${t}`}><span className=' hover:text-red-400 transition-all duration-200'>{t}</span></Link></span>)}
+            {post.category && <span> - <i className="fa-regular fa-folder"></i> <a href={`/category/${post.category}`} className="hover:text-red-400 transition-all duration-200">{post.category}</a></span>}
+            {post.tags && post.tags?.length > 0 && post.tags.map(t => <span key={t}> / <Link href={`/tag/${t}`}><span className=' hover:text-red-400 transition-all duration-200'>{t}</span></Link></span>)}
         </div>
 
         <div className="text-gray-700 dark:text-gray-300 leading-normal mb-6">
diff --git a/themes/simple/components/BlogListPage.js b/themes/simple/components/BlogListPage.js
index f260da04..41bcf947 100644
--- a/themes/simple/components/BlogListPage.js
+++ b/themes/simple/components/BlogListPage.js
@@ -26,12 +26,12 @@ export const BlogListPage = props => {
             <div className="flex justify-between text-xs">
                 <Link
                     href={{ pathname: currentPage - 1 === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${currentPage - 1}`, query: router.query.s ? { s: router.query.s } : {} }}
-                    className={`${showPrev ? 'text-blue-400 border-b border-blue-400 ' : 'bg-gray pointer-events-none '} text-white no-underline pb-1 px-3`}>
+                    className={`${showPrev ? 'text-blue-400 border-b border-blue-400 visible ' : ' invisible bg-gray pointer-events-none '} no-underline pb-1 px-3`}>
                     NEWER POSTS <i className="fa-solid fa-arrow-left"></i>
                 </Link>
                 <Link
                     href={{ pathname: `${pagePrefix}/page/${currentPage + 1}`, query: router.query.s ? { s: router.query.s } : {} }}
-                    className={`${showNext ? 'text-blue-400 border-b border-blue-400 ' : 'bg-gray pointer-events-none '} text-white no-underline pb-1 px-3`}>
+                    className={`${showNext ? 'text-blue-400 border-b border-blue-400 visible' : ' invisible bg-gray pointer-events-none '} no-underline pb-1 px-3`}>
                     OLDER POSTS <i className="fa-solid fa-arrow-right"></i>
                 </Link>
             </div>
diff --git a/themes/simple/components/Header.js b/themes/simple/components/Header.js
index 16104a56..2f6dc105 100644
--- a/themes/simple/components/Header.js
+++ b/themes/simple/components/Header.js
@@ -17,7 +17,7 @@ export const Header = (props) => {
                     {/* 可使用一张单图作为logo */}
                     {/* eslint-disable-next-line @next/next/no-img-element */}
                     {/* <img className='max-h-48 hover:opacity-60 duration-200 transition-all cursor-pointer' src={CONFIG_SIMPLE.LOGO_IMG}/> */}
-                    <div className='flex space-x-12'>
+                    <div className='flex space-x-6'>
                         <div className='hover:rotate-45 hover:scale-125 transform duration-200 cursor-pointer'>
                             {/* eslint-disable-next-line @next/next/no-img-element */}
                             <img src={siteInfo?.icon} className='rounded-full' width={160} alt={BLOG.AUTHOR} />