mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 23:16:49 +00:00
72 lines
2.9 KiB
JavaScript
72 lines
2.9 KiB
JavaScript
import BLOG from '@/blog.config'
|
||
import Head from 'next/head'
|
||
|
||
const CommonHead = ({ meta, children }) => {
|
||
let url = BLOG?.PATH?.length ? `${BLOG.LINK}/${BLOG.SUB_PATH}` : BLOG.LINK
|
||
let image
|
||
if (meta) {
|
||
url = `${url}/${meta.slug}`
|
||
image = meta.image || '/bg_image.jpg'
|
||
}
|
||
const title = meta?.title || BLOG.TITLE
|
||
const description = meta?.description || BLOG.DESCRIPTION
|
||
const type = meta?.type || 'website'
|
||
const keywords = meta?.tags || BLOG.KEYWORDS
|
||
const lang = BLOG.LANG.replace('-', '_') // Facebook OpenGraph 要 zh_CN 這樣的格式才抓得到語言
|
||
const category = meta?.category || BLOG.KEYWORDS || '軟體科技' // section 主要是像是 category 這樣的分類，Facebook 用這個來抓連結的分類
|
||
|
||
return (
|
||
<Head>
|
||
<title>{title}</title>
|
||
<meta name="theme-color" content={BLOG.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" />
|
||
{BLOG.SEO_GOOGLE_SITE_VERIFICATION && (
|
||
<meta
|
||
name="google-site-verification"
|
||
content={BLOG.SEO_GOOGLE_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={BLOG.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} />
|
||
|
||
{BLOG.COMMENT_WEBMENTION.ENABLE && (
|
||
<>
|
||
<link rel="webmention" href={`https://webmention.io/${BLOG.COMMENT_WEBMENTION.HOSTNAME}/webmention`} />
|
||
<link rel="pingback" href={`https://webmention.io/${BLOG.COMMENT_WEBMENTION.HOSTNAME}/xmlrpc`} />
|
||
</>
|
||
)}
|
||
{BLOG.COMMENT_WEBMENTION.ENABLE && BLOG.COMMENT_WEBMENTION.AUTH !== '' && (
|
||
<link href={BLOG.COMMENT_WEBMENTION.AUTH} rel="me" />
|
||
)}
|
||
|
||
{JSON.parse(BLOG.ANALYTICS_BUSUANZI_ENABLE) && <meta name="referrer" content="no-referrer-when-downgrade" />}
|
||
{meta?.type === 'Post' && (
|
||
<>
|
||
<meta
|
||
property="article:published_time"
|
||
content={meta.date || meta.createdTime}
|
||
/>
|
||
<meta property="article:author" content={BLOG.AUTHOR} />
|
||
<meta property="article:section" content={category} />
|
||
<meta property="article:publisher" content={BLOG.FACEBOOK_PAGE} />
|
||
</>
|
||
)}
|
||
{children}
|
||
</Head>
|
||
)
|
||
}
|
||
|
||
export default CommonHead
|