xiaoxue_admin
/
xLog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add meta tags

This commit is contained in:
EGOIST 2022-05-09 00:00:13 +08:00
parent d6704f2e20
commit 3d2a81f734
5 changed files with 42 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/common/SEOHead.tsx Normal file
View File

@ -0,0 +1,25 @@
import Head from "next/head"
export const SEOHead: React.FC<{
title: string
description?: string | null
image?: string | null
}> = ({ title, description, image }) => {
return (
<Head>
<title>{title}</title>
<meta name="og:title" content={title} />
<meta name="twitter:title" content={title} />
<meta name="description" content={description || ""} />
<meta name="og:description" content={description || ""} />
<meta name="twitter:description" content={description || ""} />
<meta name="twitter:card" content="summary" />
{image && (
<>
<meta name="og:image" content={image} />
<meta name="twitter:image" content={image} />
</>
)}
</Head>
)
}

3
src/components/site/SiteHome.tsx
View File

@ -3,8 +3,9 @@ import { formatDate } from "~/lib/date"
import { Paginated, type PostOnSiteHome } from "~/lib/types"
export const SiteHome: React.FC<{
posts: Paginated<PostOnSiteHome>
posts?: Paginated<PostOnSiteHome>
}> = ({ posts }) => {
if (!posts) return null
return (
<div className="space-y-14">
{posts.nodes.map((post) => {

12
src/components/site/SiteLayout.tsx
View File

@ -11,7 +11,7 @@ import { UniLink } from "../ui/UniLink"
import { IS_PROD } from "~/lib/constants"
import { OUR_DOMAIN } from "~/lib/env"
import { useRouter } from "next/router"
import Head from "next/head"
import { SEOHead } from "../common/SEOHead"
type MenuLink = {
text: string
@ -162,11 +162,15 @@ export const SiteLayout: React.FC<SiteLayoutProps> = ({
},
].filter(truthy)
const docTitle = title ? `${title} - ${site.name}` : site.name
return (
<>
<Head>
<title>{title ? `${title} - ${site.name}` : site.name}</title>
</Head>
<SEOHead
title={docTitle}
description={site.description}
image={getUserContentsUrl(site.icon)}
/>
<div>
<Header
links={links}

1
src/components/site/SitePage.tsx
View File

@ -1,5 +1,6 @@
import type { PageType } from "@prisma/client"
import { formatDate } from "~/lib/date"
import { SEOHead } from "../common/SEOHead"
export const SitePage: React.FC<{
page: {

9
src/pages/_site/[site]/index.tsx
View File

@ -34,6 +34,7 @@ function SiteIndexPage({
domainOrSubdomain: string
}) {
const siteResult = trpc.useQuery(["site", { site: domainOrSubdomain }], {})
const subscriptionResult = trpc.useQuery([
"site.subscription",
{ site: domainOrSubdomain },
@ -44,10 +45,12 @@ function SiteIndexPage({
const subscription = subscriptionResult.data
const posts = postsResult.data
if (!site || !posts) return null
return (
<SiteLayout site={site} isLoggedIn={isLoggedIn} subscription={subscription}>
<SiteLayout
site={site!}
isLoggedIn={isLoggedIn}
subscription={subscription}
>
<SiteHome posts={posts} />
</SiteLayout>
)