头像读取Notion

themes/medium/components/ArticleDetail.js

@@ -1,5 +1,4 @@
 import Comment from '@/components/Comment'
-import Image from 'next/image'
 import Link from 'next/link'
 import ArticleAround from './ArticleAround'
 import CategoryItem from './CategoryItem'
@@ -11,7 +10,7 @@ import BLOG from '@/blog.config'
 import NotionPage from '@/components/NotionPage'
 
 export const ArticleDetail = props => {
-  const { post, prev, next } = props
+  const { post, prev, next, siteInfo } = props
   const { locale } = useGlobal()
 
   const date = formatDate(
@@ -23,14 +22,10 @@ export const ArticleDetail = props => {
     <section className="flex py-4 items-center font-sans px-1">
       <Link href="/about" passHref>
         <>
-          <Image
-            alt={BLOG.AUTHOR}
-            width={25}
-            height={25}
-            loading="lazy"
-            src="/avatar.jpg"
-            className="rounded-full cursor-pointer"
-          />
+
+         {/* eslint-disable-next-line @next/next/no-img-element */}
+         <img src={siteInfo?.icon} className='rounded-full cursor-pointer' width={25}/>
+
           <div className="mr-3 ml-1 text-green-500 cursor-pointer">
             {BLOG.AUTHOR}
           </div>

themes/medium/components/InfoCard.js

@@ -1,22 +1,16 @@
 import BLOG from '@/blog.config'
-import Image from 'next/image'
 import Router from 'next/router'
 import React from 'react'
 import SocialButton from './SocialButton'
 
-const InfoCard = () => {
+const InfoCard = (props) => {
+  const { siteInfo } = props
   return <div id='info-card' className='py-4'>
     <div className='items-center justify-center font-sans '>
         <div className='hover:scale-105 transform duration-200 cursor-pointer flex justify-center' onClick={ () => { Router.push('/about') }}>
-          <Image
-          alt={BLOG.AUTHOR}
-          width={120}
-          height={120}
-          loading='lazy'
-          src={BLOG.AVATAR}
-          className='rounded-full'
-        />
-        </div>
+            {/* eslint-disable-next-line @next/next/no-img-element */}
+            <img src={siteInfo?.icon} className='rounded-full' width={120}/>
+         </div>
         <div className='text-xl py-2 hover:scale-105 transform duration-200 flex justify-center dark:text-gray-300'>{BLOG.AUTHOR}</div>
         <div className='font-light text-gray-600 mb-2 hover:scale-105 transform duration-200 flex justify-center dark:text-gray-400'>{BLOG.BIO}</div>
         <SocialButton/>