og:image完善

components/CommonHead.js

@@ -6,7 +6,7 @@ const CommonHead = ({ meta, children }) => {
   let image
   if (meta) {
     url = `${url}/${meta.slug}`
-    image = meta.image || ''
+    image = meta.image || '/bg_image.jpg'
   }
   const title = meta?.title || BLOG.TITLE
   const description = meta?.description || BLOG.DESCRIPTION

pages/404.js

@@ -8,9 +8,9 @@ import { useGlobal } from '@/lib/global'
  * @returns
  */
 const NoFound = props => {
-  const { theme } = useGlobal()
+  const { theme, siteInfo } = useGlobal()
   const ThemeComponents = ThemeMap[theme]
-  const meta = { title: `${props?.siteInfo?.title} | 页面找不到啦` }
+  const meta = { title: `${props?.siteInfo?.title} | 页面找不到啦`, image: siteInfo?.pageCover }
   return <ThemeComponents.Layout404 {...props} meta={meta}/>
 }
 

pages/archive/index.js

@@ -10,6 +10,7 @@ const ArchiveIndex = props => {
   const meta = {
     title: `${locale.NAV.ARCHIVE} | ${siteInfo?.title}`,
     description: siteInfo?.description,
+    image: siteInfo?.pageCover,
     slug: 'archive',
     type: 'website'
   }

pages/article/[slug].js

@@ -15,7 +15,7 @@ import { useRouter } from 'next/router'
 const Slug = props => {
   const { theme, changeLoadingState } = useGlobal()
   const ThemeComponents = ThemeMap[theme]
-  const { post } = props
+  const { post, siteInfo } = props
 
   if (!post) {
     changeLoadingState(true)
@@ -30,7 +30,7 @@ const Slug = props => {
         }
       }
     }, 10000)
-    const meta = { title: `${props?.siteInfo?.title || BLOG.TITLE} | loading` }
+    const meta = { title: `${props?.siteInfo?.title || BLOG.TITLE} | loading`, image: siteInfo?.pageCover }
     return <ThemeComponents.LayoutSlug {...props} showArticleInfo={true} meta={meta} />
   }
 
@@ -58,7 +58,6 @@ const Slug = props => {
 
   props = { ...props, lock, setLock, validPassword }
 
-  const { siteInfo } = props
   const meta = {
     title: `${post?.title} | ${siteInfo?.title}`,
     description: post?.summary,

pages/category/[category].js

@@ -17,6 +17,7 @@ export default function Category(props) {
     }`,
     description: siteInfo?.description,
     slug: 'category/' + props.category,
+    image: siteInfo?.pageCover,
     type: 'website'
   }
   return <ThemeComponents.LayoutCategory {...props} meta={meta} />

pages/category/index.js

@@ -11,6 +11,7 @@ export default function Category(props) {
   const meta = {
     title: `${locale.COMMON.CATEGORY} | ${siteInfo?.title}`,
     description: siteInfo?.description,
+    image: siteInfo?.pageCover,
     slug: 'category',
     type: 'website'
   }

pages/page/[page].js

@@ -14,6 +14,7 @@ const Page = props => {
   const meta = {
     title: `${props.page} | Page | ${siteInfo?.title}`,
     description: siteInfo?.description,
+    image: siteInfo?.pageCover,
     slug: 'page/' + props.page,
     type: 'website'
   }

pages/search/[keyword].js

@@ -10,6 +10,7 @@ const Index = props => {
   const meta = {
     title: `${keyword || ''}${keyword ? ' | ' : ''}${locale.NAV.SEARCH} | ${siteInfo?.title}`,
     description: siteInfo?.title,
+    image: siteInfo?.pageCover,
     slug: 'search/' + (keyword || ''),
     type: 'website'
   }

pages/search/index.js

@@ -26,6 +26,7 @@ const Search = props => {
       siteInfo?.title
     }`,
     description: siteInfo?.description,
+    image: siteInfo?.pageCover,
     slug: 'search',
     type: 'website'
   }

pages/tag/[tag].js

@@ -15,6 +15,7 @@ const Tag = props => {
   const meta = {
     title: `${tag} | ${locale.COMMON.TAGS} | ${siteInfo?.title}`,
     description: siteInfo?.description,
+    image: siteInfo?.pageCover,
     slug: 'tag/' + tag,
     type: 'website'
   }

pages/tag/index.js

@@ -11,6 +11,7 @@ const TagIndex = props => {
   const meta = {
     title: `${locale.COMMON.TAGS} | ${siteInfo?.title}`,
     description: siteInfo?.description,
+    image: siteInfo?.pageCover,
     slug: 'tag',
     type: 'website'
   }

themes/hexo/LayoutBase.js

@@ -53,7 +53,7 @@ const LayoutBase = props => {
 
   return (
     <div className="bg-hexo-background-gray dark:bg-black">
-      <CommonHead meta={meta} />
+      <CommonHead meta={meta} siteInfo={siteInfo}/>
 
       <TopNav {...props} />