🎉 New website!

2023-11-12 22:12:57 +05:30
parent 28f602b9ad
commit c97a0abf92
68 changed files with 8433 additions and 353 deletions
--- a/.vitepress/hooks/meta.ts
+++ b/.vitepress/hooks/meta.ts
@@ -0,0 +1,84 @@
+import type { HeadConfig, TransformContext } from "vitepress";
+
+export function generateMeta(context: TransformContext, hostname: string) {
+  const head: HeadConfig[] = [];
+  const { pageData } = context;
+
+  const url = `${hostname}/${pageData.relativePath.replace(/((^|\/)index)?\.md$/, "$2")}`;
+
+  head.push(["link", { rel: "canonical", href: url }]);
+  head.push(["meta", { property: "og:url", content: url }]);
+  head.push(["meta", { name: "twitter:url", content: url }]);
+  head.push(["meta", { name: "twitter:card", content: "summary_large_image" }]);
+
+  head.push(["meta", { property: "og:title", content: pageData.frontmatter.title }]);
+  head.push(["meta", { name: "twitter:title", content: pageData.frontmatter.title }]);
+
+  head.push([
+    "meta",
+    {
+      property: "og:description",
+      content: pageData.frontmatter.description,
+    },
+  ]);
+  head.push([
+    "meta",
+    {
+      name: "twitter:description",
+      content: pageData.frontmatter.description,
+    },
+  ]);
+
+  if (pageData.frontmatter.image) {
+    head.push([
+      "meta",
+      {
+        property: "og:image",
+        content: `${hostname}/${pageData.frontmatter.image.replace(/^\//, "")}`,
+      },
+    ]);
+    head.push([
+      "meta",
+      {
+        name: "twitter:image",
+        content: `${hostname}/${pageData.frontmatter.image.replace(/^\//, "")}`,
+      },
+    ]);
+  } else {
+    const url = pageData.filePath.replace("index.md", "").replace(".md", "");
+    const imageUrl = `${url}/__og_image__/og.png`.replace(/\/\//g, "/").replace(/^\//, "");
+
+    head.push(["meta", { property: "og:image", content: `${hostname}/${imageUrl}` }]);
+    head.push(["meta", { property: "og:image:width", content: "1200" }]);
+    head.push(["meta", { property: "og:image:height", content: "628" }]);
+    head.push(["meta", { property: "og:image:type", content: "image/png" }]);
+    head.push(["meta", { property: "og:image:alt", content: pageData.frontmatter.title }]);
+    head.push(["meta", { name: "twitter:image", content: `${hostname}/${imageUrl}` }]);
+    head.push(["meta", { name: "twitter:image:width", content: "1200" }]);
+    head.push(["meta", { name: "twitter:image:height", content: "628" }]);
+    head.push(["meta", { name: "twitter:image:alt", content: pageData.frontmatter.title }]);
+  }
+  if (pageData.frontmatter.tag) {
+    head.push(["meta", { property: "article:tag", content: pageData.frontmatter.tag }]);
+  }
+  if (pageData.frontmatter.date) {
+    head.push([
+      "meta",
+      {
+        property: "article:published_time",
+        content: pageData.frontmatter.date,
+      },
+    ]);
+  }
+  if (pageData.lastUpdated && pageData.frontmatter.lastUpdated !== false) {
+    head.push([
+      "meta",
+      {
+        property: "article:modified_time",
+        content: new Date(pageData.lastUpdated).toISOString(),
+      },
+    ]);
+  }
+
+  return head;
+}