Merge pull request #22 from ffjlabo/dev/20_set_meta_twitter_image

twitter:imageの追加
ffjlabo · Oct 11, 2020 · 973e901 · 973e901
2 parents 418c123 + 0b1b7d8
commit 973e901
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -1,8 +1,18 @@
+let baseUrl = process.env["DEPLOY_PRIME_URL"]
+if (process.env["CONTEXT"] === "production") {
+  baseUrl = process.env["URL"]
+}
+
+if (baseUrl === undefined) {
+  baseUrl = ""
+}
+
 module.exports = {
   siteMetadata: {
     title: `ふじを録`,
     description: `日々の備忘録です`,
     author: `@ffjlabo`,
+    baseURL: baseUrl,
   },
   plugins: [
     `gatsby-plugin-styled-components`,

diff --git a/src/components/seo.js b/src/components/seo.js
@@ -20,6 +20,7 @@ function SEO({ description, lang, meta, keywords, title }) {
             title
             description
             author
+            baseURL
           }
         }
       }
@@ -54,7 +55,7 @@ function SEO({ description, lang, meta, keywords, title }) {
         },
         {
           property: `og:image`,
-          content: ogImage,
+          content: site.siteMetadata.baseURL + ogImage,
         },
         {
           name: `twitter:card`,
@@ -72,6 +73,10 @@ function SEO({ description, lang, meta, keywords, title }) {
           name: `twitter:description`,
           content: metaDescription,
         },
+        {
+          name: `twitter:image`,
+          content: site.siteMetadata.baseURL + ogImage,
+        },
       ]
         .concat(
           keywords.length > 0