From 6b4ed379f590f576eeebcca37324995de5bebeaa Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sun, 22 Sep 2024 13:37:22 +0800
Subject: [PATCH] magzine seo

---
 themes/magzine/components/InfoCard.js         | 4 +++-
 themes/magzine/components/LogoBar.js          | 1 -
 themes/magzine/components/PostGroupLatest.js  | 1 +
 themes/magzine/components/PostItemCard.js     | 1 +
 themes/magzine/components/PostItemCardTop.js  | 2 ++
 themes/magzine/components/PostItemCardWide.js | 3 ++-
 6 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/themes/magzine/components/InfoCard.js b/themes/magzine/components/InfoCard.js
index e6009de1..35dd21d2 100644
--- a/themes/magzine/components/InfoCard.js
+++ b/themes/magzine/components/InfoCard.js
@@ -1,6 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
+import { useRouter } from 'next/router'
 
 /**
  * 用户信息卡
@@ -9,6 +10,7 @@ import { useGlobal } from '@/lib/global'
  */
 const InfoCard = props => {
   const { siteInfo } = useGlobal()
+  const router = useRouter()
 
   return (
     <div id='info-card'>
@@ -16,7 +18,7 @@ const InfoCard = props => {
         <div
           className='hover:scale-105 transform duration-200 cursor-pointer flex justify-start'
           onClick={() => {
-            Router.push('/about')
+            router.push('/about')
           }}>
           <LazyImage
             src={siteInfo?.icon}
diff --git a/themes/magzine/components/LogoBar.js b/themes/magzine/components/LogoBar.js
index c484f34a..986fcf71 100644
--- a/themes/magzine/components/LogoBar.js
+++ b/themes/magzine/components/LogoBar.js
@@ -2,7 +2,6 @@ import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
 
 export default function LogoBar(props) {
-  const { siteInfo } = props
   return (
     <div id='top-wrapper' className='w-full flex items-center '>
       <Link
diff --git a/themes/magzine/components/PostGroupLatest.js b/themes/magzine/components/PostGroupLatest.js
index 55909552..c354af17 100644
--- a/themes/magzine/components/PostGroupLatest.js
+++ b/themes/magzine/components/PostGroupLatest.js
@@ -46,6 +46,7 @@ const PostGroupLatest = props => {
               className={'my-3 flex'}>
               <div className='w-20 h-14 overflow-hidden relative'>
                 <LazyImage
+                  alt={post?.title}
                   src={`${headerImage}`}
                   className='object-cover w-full h-full'
                 />
diff --git a/themes/magzine/components/PostItemCard.js b/themes/magzine/components/PostItemCard.js
index 632b0273..09a9352a 100644
--- a/themes/magzine/components/PostItemCard.js
+++ b/themes/magzine/components/PostItemCard.js
@@ -25,6 +25,7 @@ const PostItemCard = ({ post }) => {
             }>
             <div className='w-full h-40 aspect-video overflow-hidden mb-2'>
               <LazyImage
+                alt={post?.title}
                 src={cover}
                 style={cover ? {} : { height: '0px' }}
                 className='w-full h-40 aspect-video object-cover'
diff --git a/themes/magzine/components/PostItemCardTop.js b/themes/magzine/components/PostItemCardTop.js
index 4c89830a..8b28d7a2 100644
--- a/themes/magzine/components/PostItemCardTop.js
+++ b/themes/magzine/components/PostItemCardTop.js
@@ -33,6 +33,8 @@ const PostItemCardTop = ({ post, showSummary }) => {
             }>
             <div className='w-full max-h-80 object-cover overflow-hidden mb-2'>
               <LazyImage
+                priority
+                alt={post?.title}
                 src={post.pageCoverThumbnail}
                 style={post.pageCoverThumbnail ? {} : { height: '0px' }}
                 className='w-full max-h-80 object-cover hover:scale-125 duration-150'
diff --git a/themes/magzine/components/PostItemCardWide.js b/themes/magzine/components/PostItemCardWide.js
index b53fe467..49ab3bca 100644
--- a/themes/magzine/components/PostItemCardWide.js
+++ b/themes/magzine/components/PostItemCardWide.js
@@ -60,7 +60,7 @@ const PostItemCardWide = ({ post, showSummary }) => {
 
         <div
           className={
-            'flex items-center justify-start flex-wrap space-x-3 text-gray-400'
+            'flex items-center justify-start flex-wrap space-x-3 text-gray-500'
           }>
           {/* {siteConfig('MAGZINE_POST_LIST_TAG') &&
             post?.tagItems?.map(tag => (
@@ -73,6 +73,7 @@ const PostItemCardWide = ({ post, showSummary }) => {
       {/* 卡牌右侧图片 */}
       <div className='w-40 h-40 object-cover overflow-hidden mb-2'>
         <LazyImage
+          alt={post?.title}
           src={post.pageCoverThumbnail}
           style={post.pageCoverThumbnail ? {} : { height: '0px' }}
           className='w-40 h-40 object-cover hover:scale-125 duration-150'