| | import { siteConfig } from '@/lib/config' |
| | import { useGlobal } from '@/lib/global' |
| | import Head from 'next/head' |
| | import { useRouter } from 'next/router' |
| |
|
| | |
| | |
| | |
| | |
| | |
| | const GlobalHead = (props) => { |
| | const { children } = props |
| | let url = siteConfig('PATH')?.length ? `${siteConfig('LINK')}/${siteConfig('SUB_PATH', '')}` : siteConfig('LINK') |
| | let image |
| | const meta = getSEOMeta(props, useRouter(), useGlobal()) |
| | if (meta) { |
| | url = `${url}/${meta.slug}` |
| | image = meta.image || '/bg_image.jpg' |
| | } |
| | const title = meta?.title || siteConfig('TITLE') |
| | const description = meta?.description || siteConfig('DESCRIPTION') |
| | const type = meta?.type || 'website' |
| | const keywords = meta?.tags || siteConfig('KEYWORDS') |
| | const lang = siteConfig('LANG').replace('-', '_') |
| | const category = meta?.category || siteConfig('KEYWORDS') |
| |
|
| | return ( |
| | <Head> |
| | <title>{title}</title> |
| | <meta name="theme-color" content={siteConfig('BACKGROUND_DARK')} /> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0" /> |
| | <meta name="robots" content="follow, index" /> |
| | <meta charSet="UTF-8" /> |
| | {siteConfig('SEO_GOOGLE_SITE_VERIFICATION') && ( |
| | <meta |
| | name="google-site-verification" |
| | content={siteConfig('SEO_GOOGLE_SITE_VERIFICATION')} |
| | /> |
| | )} |
| | {siteConfig('SEO_BAIDU_SITE_VERIFICATION') && (<meta name="baidu-site-verification" content={siteConfig('SEO_BAIDU_SITE_VERIFICATION')} />)} |
| | <meta name="keywords" content={keywords} /> |
| | <meta name="description" content={description} /> |
| | <meta property="og:locale" content={lang} /> |
| | <meta property="og:title" content={title} /> |
| | <meta property="og:description" content={description} /> |
| | <meta property="og:url" content={url} /> |
| | <meta property="og:image" content={image} /> |
| | <meta property="og:site_name" content={siteConfig('TITLE')} /> |
| | <meta property="og:type" content={type} /> |
| | <meta name="twitter:card" content="summary_large_image" /> |
| | <meta name="twitter:description" content={description} /> |
| | <meta name="twitter:title" content={title} /> |
| | |
| | {siteConfig('COMMENT_WEBMENTION_ENABLE') && ( |
| | <> |
| | <link rel="webmention" href={`https://webmention.io/${siteConfig('COMMENT_WEBMENTION_HOSTNAME')}/webmention`} /> |
| | <link rel="pingback" href={`https://webmention.io/${siteConfig('COMMENT_WEBMENTION_HOSTNAME')}/xmlrpc`} /> |
| | </> |
| | )} |
| |
|
| | {siteConfig('COMMENT_WEBMENTION_ENABLE') && siteConfig('COMMENT_WEBMENTION_AUTH') !== '' && ( |
| | <link href={siteConfig('COMMENT_WEBMENTION_AUTH')} rel="me" /> |
| | )} |
| |
|
| | {JSON.parse(siteConfig('ANALYTICS_BUSUANZI_ENABLE')) && <meta name="referrer" content="no-referrer-when-downgrade" />} |
| | {meta?.type === 'Post' && ( |
| | <> |
| | <meta |
| | property="article:published_time" |
| | content={meta.publishDay} |
| | /> |
| | <meta property="article:author" content={siteConfig('AUTHOR')} /> |
| | <meta property="article:section" content={category} /> |
| | <meta property="article:publisher" content={siteConfig('FACEBOOK_PAGE')} /> |
| | </> |
| | )} |
| | {children} |
| | </Head> |
| | ) |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | const getSEOMeta = (props, router, global) => { |
| | const { locale } = global |
| | const { post, tag, category, page } = props |
| | const keyword = router?.query?.s |
| |
|
| | switch (router.route) { |
| | case '/': |
| | return { |
| | title: `${siteConfig('TITLE')} | ${siteConfig('DESCRIPTION')}`, |
| | description: siteConfig('DESCRIPTION'), |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | slug: '', |
| | type: 'website' |
| | } |
| | case '/archive': |
| | return { |
| | title: `${locale.NAV.ARCHIVE} | ${siteConfig('TITLE')}`, |
| | description: siteConfig('DESCRIPTION'), |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | slug: 'archive', |
| | type: 'website' |
| | } |
| | case '/page/[page]': |
| | return { |
| | title: `${page} | Page | ${siteConfig('TITLE')}`, |
| | description: siteConfig('DESCRIPTION'), |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | slug: 'page/' + page, |
| | type: 'website' |
| | } |
| | case '/category/[category]': |
| | return { |
| | title: `${category} | ${locale.COMMON.CATEGORY} | ${ |
| | siteConfig('TITLE') || '' |
| | }`, |
| | description: siteConfig('DESCRIPTION'), |
| | slug: 'category/' + category, |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | type: 'website' |
| | } |
| | case '/category/[category]/page/[page]': |
| | return { |
| | title: `${category} | ${locale.COMMON.CATEGORY} | ${ |
| | siteConfig('TITLE') || '' |
| | }`, |
| | description: siteConfig('DESCRIPTION'), |
| | slug: 'category/' + category, |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | type: 'website' |
| | } |
| | case '/tag/[tag]': |
| | case '/tag/[tag]/page/[page]': |
| | return { |
| | title: `${tag} | ${locale.COMMON.TAGS} | ${siteConfig('TITLE')}`, |
| | description: siteConfig('DESCRIPTION'), |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | slug: 'tag/' + tag, |
| | type: 'website' |
| | } |
| | case '/search': |
| | return { |
| | title: `${keyword || ''}${keyword ? ' | ' : ''}${locale.NAV.SEARCH} | ${siteConfig('TITLE')}`, |
| | description: siteConfig('DESCRIPTION'), |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | slug: 'search', |
| | type: 'website' |
| | } |
| | case '/search/[keyword]': |
| | case '/search/[keyword]/page/[page]': |
| | return { |
| | title: `${keyword || ''}${keyword ? ' | ' : ''}${locale.NAV.SEARCH} | ${siteConfig('TITLE')}`, |
| | description: siteConfig('TITLE'), |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | slug: 'search/' + (keyword || ''), |
| | type: 'website' |
| | } |
| | case '/404': |
| | return { title: `${siteConfig('TITLE')} | 页面找不到啦`, image: siteConfig('HOME_BANNER_IMAGE') } |
| | case '/tag': |
| | return { |
| | title: `${locale.COMMON.TAGS} | ${siteConfig('TITLE')}`, |
| | description: siteConfig('DESCRIPTION'), |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | slug: 'tag', |
| | type: 'website' |
| | } |
| | case '/category': |
| | return { |
| | title: `${locale.COMMON.CATEGORY} | ${siteConfig('TITLE')}`, |
| | description: siteConfig('DESCRIPTION'), |
| | image: siteConfig('HOME_BANNER_IMAGE'), |
| | slug: 'category', |
| | type: 'website' |
| | } |
| | default: |
| | return { |
| | title: post ? `${post?.title} | ${siteConfig('TITLE')}` : `${siteConfig('TITLE')} | loading`, |
| | description: post?.summary, |
| | type: post?.type, |
| | slug: post?.slug, |
| | image: post?.pageCoverThumbnail || siteConfig('HOME_BANNER_IMAGE'), |
| | category: post?.category?.[0], |
| | tags: post?.tags |
| | } |
| | } |
| | } |
| |
|
| | export default GlobalHead |
| |
|
