add opengraph image support

diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index 7fbcb260465bea1c7c91db81ba389766f1c34b76..20e37b60ae57cf81f5d4c1451e106c70acf2bd48 100644 (file)
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -16,6 +16,10 @@
     <meta name="twitter:creator" content="@CameronOtsuka" />
     <meta name="twitter:title" content="{{ title }}" />
     <meta name="twitter:description" content="{{ description or metadata.description }}" />
+    <meta name="twitter:image" property="og:image" content="https://v1.screenshot.11ty.dev/{{ metadata.base | urlencode }}{{ page.url | urlencode }}/opengraph/9:16/" />
+    <meta property="og:image:type" content="image/jpeg" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
     <meta property="og:locale" content="en_US" />
     <meta property="og:url" content="{{ metadata.base }}{{ page.url }}" />
     <meta property="og:site_name" content="{{ metadata.title }}" />