feat(stage-web,docs): configured open graph protocol image

docs/.vitepress/config.ts

@@ -19,9 +19,9 @@ import {
   github,
   ogImage,
   ogUrl,
-  rekaDescription,
-  rekaName,
-  rekaShortName,
+  projectDescription,
+  projectName,
+  projectShortName,
   releases,
   x,
 } from './meta'
@@ -39,22 +39,23 @@ function withBase(url: string) {
 export default defineConfig({
   cleanUrls: true,
   ignoreDeadLinks: true,
-  title: rekaName,
-  description: rekaDescription,
-  titleTemplate: rekaShortName,
+  title: projectName,
+  description: projectDescription,
+  titleTemplate: projectShortName,
   head: [
     ['meta', { name: 'theme-color', content: '#0b0d0f' }],
     ['link', { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg', sizes: 'any' }],
     ['link', { rel: 'apple-touch-icon', href: '/apple-touch-icon.png', sizes: '180x180' }],
-    ['meta', { name: 'apple-mobile-web-app-title', content: rekaName }],
-    ['meta', { name: 'author', content: `${teamMembers.map(c => c.name).join(', ')} and ${rekaName} contributors` }],
+    ['meta', { name: 'apple-mobile-web-app-title', content: projectName }],
+    ['meta', { name: 'author', content: `${teamMembers.map(c => c.name).join(', ')} and ${projectName} contributors` }],
     ['meta', { name: 'keywords', content: '' }],
-    ['meta', { property: 'og:title', content: rekaName }],
-    ['meta', { property: 'og:description', content: rekaDescription }],
-    ['meta', { property: 'og:url', content: ogUrl }],
+    ['meta', { property: 'og:title', content: projectName }],
+    ['meta', { property: 'og:site_name', content: projectName }],
     ['meta', { property: 'og:image', content: ogImage }],
-    ['meta', { name: 'twitter:title', content: rekaName }],
-    ['meta', { name: 'twitter:description', content: rekaDescription }],
+    ['meta', { property: 'og:description', content: projectDescription }],
+    ['meta', { property: 'og:url', content: ogUrl }],
+    ['meta', { name: 'twitter:title', content: projectName }],
+    ['meta', { name: 'twitter:description', content: projectDescription }],
     ['meta', { name: 'twitter:image', content: ogImage }],
     ['meta', { name: 'twitter:card', content: 'summary_large_image' }],
     ['link', { rel: 'mask-icon', href: '/logo.svg', color: '#ffffff' }],

docs/.vitepress/meta.ts

@@ -1,14 +1,14 @@
 // noinspection ES6PreferShortImport: IntelliJ IDE hint to avoid warning to use `~/contributors`, will fail on build if changed
 
 /* Texts */
-export const rekaName = 'Project AIRI'
-export const rekaShortName = 'AIRI'
-export const rekaDescription
+export const projectName = 'Project AIRI'
+export const projectShortName = 'AIRI'
+export const projectDescription
   = 'An open-source attempt to re-create Neuro-sama, the most famous AI VTuber on this earth, but also forming a cyber companion for everyone.'
 
 /* vitepress head */
 export const ogUrl = 'https://airi.moeru.ai/docs/'
-export const ogImage = `${ogUrl}og.jpg`
+export const ogImage = `${ogUrl}open-graph.png`
 
 /* GitHub and social links */
 export const github = 'https://github.com/moeru-ai/airi'