diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 6 | ||||
| -rw-r--r-- | pages/index.tsx | 7 | ||||
| -rw-r--r-- | pages/search.tsx | 7 |
3 files changed, 14 insertions, 6 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index e7ed373..e66aa15 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -24,13 +24,7 @@ export default function Blog({ Component, pageProps }) { return <> <Head> <link rel='preload' as='style' href='/font/font.css' onLoad={() => this.rel = 'stylesheet'} /> - - <title>Loek's Blog</title> - - <meta property='og:site_name' content="Loek's blog" /> <meta property='og:url' content='https://blog.pipeframe.xyz' /> - <meta property='og:title' content="Loek's excruciatingly interesting blog" /> - <meta property='og:description' content='This is my personal blog website' /> <meta property='og:type' content='website' /> <meta name='theme-color' content={dark ? '#0D0C1A' : '#c9c9dd'} /> </Head> diff --git a/pages/index.tsx b/pages/index.tsx index a0ec98c..74b934e 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -5,6 +5,7 @@ import Navbar, { MobileNavbar, NavbarItem } from '../components/navbar'; import Seperator from '../components/seperator'; import { ArticleMeta, getStaticProps as getBlogPage, RenderedArticle } from './post/[id]'; import { PostsInfo } from './search'; +import Head from 'next/head'; import { useEffect, useState } from 'react'; @@ -30,6 +31,12 @@ export default function Home(props: { }, []); return <div> + <Head> + <title>Loek's Blog</title> + <meta property='og:site_name' content="Loek's blog" /> + <meta property='og:title' content="Loek's excruciatingly interesting blog" /> + <meta property='og:description' content='This is my personal blog website' /> + </Head> <div className='centeredPage'> <div className='titleWrapper'> <h1>{props.posts[0].props.meta.title}</h1> diff --git a/pages/search.tsx b/pages/search.tsx index 6f5d1a7..14ed9c2 100644 --- a/pages/search.tsx +++ b/pages/search.tsx @@ -1,5 +1,6 @@ import Fuse from 'fuse.js'; import { useEffect, useState } from 'react'; +import Head from 'next/head'; import Navbar, { MobileNavbar } from '../components/navbar'; import Tags from '../components/tag'; @@ -140,6 +141,12 @@ export default function SearchPage() { }, [query]); return <div> + <Head> + <title>Search - Loek's Blog</title> + <meta property='og:site_name' content="Loek's blog" /> + <meta property='og:title' content="Loek's excruciatingly interesting blog" /> + <meta property='og:description' content='This is my personal blog website' /> + </Head> <div className='centeredPage'> <div className='titleWrapper'> <h1>Search for posts</h1> |