blog-template/src/components/head.tsx at 83690d38b971007e29cfd4135e5b1dd444d5fad2 · tonarino/blog-template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import Head from 'next/head'
import blogConfig from 'blog.config'

const BlogHead = ({
  titlePre = '',
  description = '',
  path = '/',
  ogImage = blogConfig.ogImage,
}) => {
  return (
    <Head>
      <title>
        {titlePre ? `${titlePre} |` : ''} {blogConfig.title}
      </title>
      <meta property="og:description" content={description} />
      <meta
        property="og:title"
        content={`${titlePre ? `${titlePre} |` : ''} ${blogConfig.title}`}
      />
      <meta property="og:url" content={`${blogConfig.baseUrl}${path}`} />
      <meta property="og:image" content={ogImage} />
      <meta property="og:type" content="website" />
      <meta property="twitter:site" content={blogConfig.ogTwitter} />
      <meta property="twitter:card" content="summary_large_image" />
      <meta property="twitter:image" content={ogImage} />
      <link
        rel="icon"
        type="image/png"
        sizes="32x32"
        href="/favicon-32x32.png"
      />
      <link
        rel="icon"
        type="image/png"
        sizes="16x16"
        href="/favicon-16x16.png"
      />
      <link rel="stylesheet" type="text/css" href="/nprogress.css" />
      <link rel="stylesheet" type="text/css" href="/katex.min-v0.15.3.css" />
      <link
        rel="preload"
        href="/fonts/ibm-plex-serif-v8-latin-regular.woff2"
        as="font"
        crossOrigin="anonymous"
      />
      <link
        rel="preload"
        href="/fonts/ibm-plex-mono-v5-latin-regular.woff2"
        as="font"
        crossOrigin="anonymous"
      />
      <link
        rel="alternate"
        type="application/rss+xml"
        href={`${blogConfig.baseUrl}/index.xml`}
        title={blogConfig.title}
      />
    </Head>
  )
}

export default BlogHead