style: test og fix again (#1795)

* style: test og image fix

* stye: update config.ts

* docs: add comments back

* style: fix config

.vitepress/config.ts

@@ -25,38 +25,9 @@ export default {
   head: [
     [
       "link",
-      {
-        rel: "icon",
-        href: "/favicons/favicon.svg",
-        type: "image/svg+xml",
-      },
-    ],
-    // [
-    //   "link",
-    //   {
-    //     rel: "icon",
-    //     type: "image/svg+xml",
-    //     href: "/favicons/favicon-dark.svg",
-    //     media: "(prefers-color-scheme: dark)",
-    //   },
-    // ],
-    [
-      "link",
-      {
-        rel: "icon",
-        href: "/favicons/favicon.png",
-        type: "image/png",
-      },
+      { rel: "icon", href: "/favicons/favicon.svg", type: "image/svg+xml" },
     ],
-    // [
-    //   "link",
-    //   {
-    //     rel: "icon",
-    //     type: "image/png",
-    //     href: "/favicons/favicon-dark.png",
-    //     media: "(prefers-color-scheme: dark)",
-    //   },
-    // ],
+    ["link", { rel: "icon", href: "/favicons/favicon.png", type: "image/png" }],
     [
       "link",
       {
@@ -65,15 +36,6 @@ export default {
         type: "image/x-icon",
       },
     ],
-    // [
-    //   "link",
-    //   {
-    //     rel: "icon",
-    //     type: "image/x-icon",
-    //     href: "/favicons/favicon-dark.ico",
-    //     media: "(prefers-color-scheme: dark)",
-    //   },
-    // ],
     ["meta", { name: "msapplication-TileColor", content: "#fff" }],
     ["meta", { name: "theme-color", content: "#fff" }],
     [
@@ -84,8 +46,6 @@ export default {
           "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no",
       },
     ],
-    // ['meta', { property: 'og:title', content: 'Celestia' }],
-    // ['meta', { property: 'og:description', content: 'The first modular blockchain network.' }],
     [
       "meta",
       {
@@ -94,37 +54,34 @@ export default {
       },
     ],
     ["meta", { httpEquiv: "Content-Language", content: "en" }],
+
     ["meta", { name: "twitter:card", content: "summary_large_image" }],
+    ["meta", { name: "twitter:site", content: "@CelestiaOrg" }],
+    ["meta", { name: "twitter:site:domain", content: "docs.celestia.org" }],
+    ["meta", { name: "twitter:url", content: "https://docs.celestia.org" }],
     [
       "meta",
       {
         name: "twitter:image",
         content: "https://docs.celestia.org/Celestia-og.png",
       },
     ],
-    [
-      "meta",
-      {
-        name: "twitter:site:domain",
-        content: "docs.celestia.org",
-      },
-    ],
-    [
-      "meta",
-      {
-        name: "twitter:url",
-        content: "https://docs.celestia.org",
-      },
-    ],
+    ["meta", { name: "twitter:image:alt", content: "Celestia Documentation" }],
+
+    ["meta", { property: "og:type", content: "website" }],
+    ["meta", { property: "og:site_name", content: "Celestia Docs" }],
+    ["meta", { property: "og:url", content: "https://docs.celestia.org" }],
     [
       "meta",
       {
         property: "og:image",
         content: "https://docs.celestia.org/Celestia-og.png",
       },
     ],
-    ["meta", { property: "og:type", content: "website" }],
-    ["meta", { property: "og:site_name", content: "Celestia Docs" }],
+    ["meta", { property: "og:image:width", content: "1200" }],
+    ["meta", { property: "og:image:height", content: "630" }],
+    ["meta", { property: "og:image:type", content: "image/png" }],
+
     ["meta", { name: "apple-mobile-web-app-title", content: "Celestia" }],
     [
       "script",