diff options
| -rw-r--r-- | _includes/base.njk | 9 | ||||
| -rw-r--r-- | eleventy.config.mjs | 8 |
2 files changed, 15 insertions, 2 deletions
diff --git a/_includes/base.njk b/_includes/base.njk index 93d80d8..96ac31e 100644 --- a/_includes/base.njk +++ b/_includes/base.njk @@ -9,11 +9,16 @@ {% block head %}{% endblock %} {% if title %} <title>{{ title }} - {{ site.title }}</title> - {% ogImage "/../_includes/og-image.og.njk", { title: title } %} + <meta name="twitter:title" content="{{ title }}" /> + + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:image" content="{% ogImage "/../_includes/og-image.og.njk", { title: title } %}" /> + <meta property="og:image" content="{% ogImage "/../_includes/og-image.og.njk", { title: title } %}" /> {% else %} <title>{{ site.title }}</title> - {% ogImage "/../_includes/og-image.og.njk", { title: site.title } %} {% endif %} + + <meta name="twitter:description" content="Your description here" /> <meta name="description" content="{{ description }}"> </head> <body> diff --git a/eleventy.config.mjs b/eleventy.config.mjs index d81c29a..5bf4a46 100644 --- a/eleventy.config.mjs +++ b/eleventy.config.mjs @@ -3,6 +3,13 @@ import { config as siteConfig } from "./siteconfig.mjs"; import { eleventyImageTransformPlugin } from "@11ty/eleventy-img"; import EleventyPluginOgImage from 'eleventy-plugin-og-image'; import fs from "fs" +import { OgImage } from 'eleventy-plugin-og-image/og-image'; + +export class CustomOgImage extends OgImage { + async shortcodeOutput() { + return this.outputUrl(); + } +} export default function(eleventyConfig) { // Order matters, put this at the top of your configuration file. @@ -36,6 +43,7 @@ export default function(eleventyConfig) { }, ], }, + OgImage: CustomOgImage, }); eleventyConfig.addPlugin(eleventyImageTransformPlugin, { |