Adding og-images (hopefully)

config/plugins/index.js

@@ -3,6 +3,7 @@ const markdownPlugin = require('./markdown');
 const rss = require('@11ty/eleventy-plugin-rss');
 const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
 const imagePlugin = require('./image');
+const ogImagePlugin = require('./og-image');
 
 module.exports = function(eleventyConfig) {
 	eleventyConfig.addPlugin(syntaxHighlight);
@@ -10,4 +11,5 @@ module.exports = function(eleventyConfig) {
 	eleventyConfig.addPlugin(markdownPlugin);
 	eleventyConfig.addPlugin(imagePlugin);
 	eleventyConfig.addPlugin(EleventyRenderPlugin);
+	eleventyConfig.addPlugin(ogImagePlugin);
 }

config/plugins/og-image.js

@@ -0,0 +1,17 @@
+const ogImagePlugin = require('eleventy-plugin-og-image');
+const fs = require('node:fs');
+
+module.exports = function (eleventyConfig) {
+    eleventyConfig.addPlugin(ogImagePlugin, {
+		satoriOptions: {
+			fonts: [
+			{
+				name: 'Space Grotesk',
+				data: fs.readFileSync('./src/assets/fonts/SpaceGrotesk-Regular.ttf'),
+				weight: 500,
+				style: 'normal',
+			},
+			],
+		},
+	});
+}