add opengraph and canonical

antonio-gg-dev · Dec 20, 2023 · 100e1df · 100e1df
1 parent e968ee6
commit 100e1df
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/.vitepress/config.ts b/.vitepress/config.ts
@@ -14,7 +14,33 @@ export default defineConfig({
       'link',
       { rel: 'icon', href: '/favicon.ico' },
     ],
+    [
+      'meta',
+      { property: 'og:type', content: 'website' },
+    ],
+    [
+      'meta',
+      { property: 'og:image', content: '/images/og-image.png' },
+    ],
   ],
+  transformHead(context) {
+    const canonical = context.page.replace(/(index)?\.md$/, '')
+
+    return [
+      [
+        'meta',
+        { property: 'og:title', content: context.title },
+      ],
+      [
+        'meta',
+        { property: 'og:url', content: `https://antonio.gg/${canonical}` },
+      ],
+      [
+        'link',
+        { rel: 'canonical', href: `https://antonio.gg/${canonical}` },
+      ],
+    ]
+  },
 
   // Routing
   cleanUrls: true,

diff --git a/public/images/og-image.png b/public/images/og-image.png