fixing twitter social

This commit is contained in:
Travis Fischer
2021-01-17 21:30:11 -05:00
parent 2bb8ea1156
commit e4236b071d
3 changed files with 29 additions and 2 deletions

View File

@@ -20,6 +20,7 @@ import {
isDev,
api,
siteDescription,
siteAuthorTwitter,
defaultPageCover,
defaultPageCoverPosition,
defaultPageIcon
@@ -125,16 +126,39 @@ export const NotionPage: React.FC<types.PageProps> = ({
<meta property='og:title' content={title} />
<meta property='og:site_name' content={site.name} />
<meta name='twitter:title' content={title} />
<meta property='twitter:domain' content={site.domain} />
<meta name='twitter:site' content='@nytimesbits' />
{siteAuthorTwitter && (
<meta name='twitter:creator' content={`@${siteAuthorTwitter}`} />
)}
{socialDescription && (
<>
<meta name='description' content={socialDescription} />
<meta property='og:description' content={socialDescription} />
<meta name='twitter:description' content={socialDescription} />
</>
)}
{socialImage && <meta property='og:image' content={socialImage} />}
{socialImage ? (
<>
<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:image' content={socialImage} />
<meta property='og:image' content={socialImage} />
</>
) : (
<meta name='twitter:card' content='summary' />
)}
{canonicalPageUrl && <link rel='canonical' href={canonicalPageUrl} />}
{canonicalPageUrl && (
<>
<link rel='canonical' href={canonicalPageUrl} />
<meta property='twitter:url' content={canonicalPageUrl} />
</>
)}
<title>{title}</title>
</Head>

View File

@@ -3,6 +3,8 @@ import * as React from 'react'
import * as types from 'lib/types'
import { mapImageUrl } from 'lib/map-image-url'
// TODO: remove duplication between PageHead and NotionPage Head
export const PageHead: React.FC<types.PageProps> = ({ site }) => {
return (
<Head>

View File

@@ -12,6 +12,7 @@ export const rootNotionPageId = '78fc5a4b88d74b0e824e29407e9f1ec1'
// general site config
export const siteName = 'Transitive Bullshit'
export const siteAuthor = 'Travis Fischer'
export const siteAuthorTwitter = 'transitive_bs'
export const siteDomain = 'transitivebullsh.it'
export const siteDescription =
'Personal site of Travis Fischer aka Transitive Bullshit'