mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-07-27 04:32:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add thumbnail image to Twitter cards.

Browse Source
This commit is contained in:
Aleksander Helgaker
2019-08-25 12:29:51 +02:00
parent fcedb2194a
commit ebc6134453
10 changed files with 36 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/templates/page-template.js
View File

@@ -16,11 +16,11 @@ type Props = {
const PageTemplate = ({ data }: Props) => {
const { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();
const { html: pageBody } = data.markdownRemark;
const { title: pageTitle, description: pageDescription } = data.markdownRemark.frontmatter;
const { title: pageTitle, description: pageDescription, socialImage } = data.markdownRemark.frontmatter;
const metaDescription = pageDescription !== null ? pageDescription : siteSubtitle;
return (
<Layout title={`${pageTitle} - ${siteTitle}`} description={metaDescription}>
<Layout title={`${pageTitle} - ${siteTitle}`} description={metaDescription} socialImage={socialImage} >
<Sidebar />
<Page title={pageTitle}>
<div dangerouslySetInnerHTML={{ __html: pageBody }} />
@@ -38,6 +38,7 @@ export const query = graphql`
title
date
description
socialImage
}
}
}

5
src/templates/post-template.js
View File

@@ -14,11 +14,11 @@ type Props = {
const PostTemplate = ({ data }: Props) => {
const { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();
const { title: postTitle, description: postDescription } = data.markdownRemark.frontmatter;
const { title: postTitle, description: postDescription, socialImage } = data.markdownRemark.frontmatter;
const metaDescription = postDescription !== null ? postDescription : siteSubtitle;
return (
<Layout title={`${postTitle} - ${siteTitle}`} description={metaDescription}>
<Layout title={`${postTitle} - ${siteTitle}`} description={metaDescription} socialImage={socialImage} >
<Post post={data.markdownRemark} />
</Layout>
);
@@ -38,6 +38,7 @@ export const query = graphql`
description
tags
title
socialImage
}
}
}