image-js · EscapedGibbon · Aug 26, 2025 · Aug 22, 2025 · Aug 25, 2025 · Aug 26, 2025
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -117,8 +117,13 @@ async function createConfig() {
     themeConfig:
       /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
       ({
-        // Replace with your project's social card
-        image: 'img/docusaurus-social-card.jpg',
+        image: '/img/social-card.png',
+        metadata: [
+          { property: 'og:image:width', content: '1200' },
+          { property: 'og:image:height', content: '630' },
+          { name: 'twitter:image:width', content: '1200' },
+          { name: 'twitter:image:height', content: '630' },
+        ],
         colorMode: {},
         announcementBar: {
           id: 'release-1.0',

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,3 +1,4 @@
+import Head from '@docusaurus/Head';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
@@ -8,6 +9,7 @@ import styles from './index.module.css';
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
+
   return (
     <header
       id="frontPage"
@@ -43,12 +45,14 @@ function HomepageHeader() {
 }
 
 export default function Home() {
-  const { siteConfig } = useDocusaurusContext();
+  const title = 'Welcome to ImageJS';
   return (
-    <Layout
-      title={`Welcome to ${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />"
-    >
+    <Layout title={title}>
+      <Head>
+        <title>{title}</title>
+        <meta property="og:title" content={title} />
+        <meta name="twitter:title" content={title} />
+      </Head>
       <main className="main-wrapper">
         <HomepageHeader />
       </main>

diff --git a/static/img/docusaurus-social-card.jpg b/static/img/docusaurus-social-card.jpg
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
diff --git a/static/img/logo.svg b/static/img/logo.svg
diff --git a/static/img/social-card-test.png b/static/img/social-card-test.png
diff --git a/static/img/social-card.png b/static/img/social-card.png