frontmatter images can now be external

mlevit · web-flow · commit 26a7cbbedcf1 · 2022-06-10T00:50:23.000Z
diff --git a/components/SEO.js b/components/SEO.js
@@ -94,7 +94,7 @@ export const BlogSEO = ({
   const featuredImages = imagesArr.map((img) => {
     return {
       '@type': 'ImageObject',
-      url: `${siteMetadata.siteUrl}${img}`,
+      url: img.includes('http') ? img : siteMetadata.siteUrl + img,
     }
   })
 
diff --git a/layouts/PostLayout.js b/layouts/PostLayout.js
@@ -17,7 +17,7 @@ const discussUrl = (slug) =>
 const postDateTemplate = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }
 
 export default function PostLayout({ frontMatter, authorDetails, next, prev, children }) {
-  const { slug, fileName, date, title, tags } = frontMatter
+  const { slug, fileName, date, title, images, tags } = frontMatter
 
   return (
     <SectionContainer>

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ export const BlogSEO = ({`
`94`	`94`	`const featuredImages = imagesArr.map((img) => {`
`95`	`95`	`return {`
`96`	`96`	`'@type': 'ImageObject',`
`97`		- url: `${siteMetadata.siteUrl}${img}`,
	`97`	`+ url: img.includes('http') ? img : siteMetadata.siteUrl + img,`
`98`	`98`	`}`
`99`	`99`	`})`
`100`	`100`