-
|
I want to set preview image for a static page which is different from the generic preview image set in docusaurus-config.js - Is there a way to do this? The static page is not a .md page but js page. - so can't use #5375 i guess if I can set page specifc Current the specific page takes site wide preview image. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 9 replies
-
|
You can use the E.g.: import React from 'react';
import Head from '@docusaurus/Head';
export default function page() {
return (
<main>
<Head>
<meta property="og:image" content="image.png" />
</Head>
{/* ... */}
</main>
);
} |
Beta Was this translation helpful? Give feedback.
-
|
It also works in markdown docs/blog posts: https://docusaurus.io/docs/next/markdown-features/head-metadatas |
Beta Was this translation helpful? Give feedback.
-
|
@slorber this feature is documented in v2, but you need to specify it for each each page. Is there a global og:image setting? |
Beta Was this translation helpful? Give feedback.
-
|
@vnugent Yes: https://docusaurus.io/docs/api/themes/configuration#meta-image |
Beta Was this translation helpful? Give feedback.
-
|
I did this but still the image doesn't shows up. |
Beta Was this translation helpful? Give feedback.
-
|
how can this be done on a markdown page? with |
Beta Was this translation helpful? Give feedback.
-
|
We don't have an But you can use the |
Beta Was this translation helpful? Give feedback.
-
|
Awesome, thank you @slorber. Cc @alex-beckett |
Beta Was this translation helpful? Give feedback.
-
|
what about on a markdown page @slorber? |
Beta Was this translation helpful? Give feedback.
-
|
@jcstein the suggestion solution above is for a markdown page: https://docusaurus.io/docs/markdown-features/head-metadata#customizing-head-metadata |
Beta Was this translation helpful? Give feedback.
-
|
got it. thanks again @slorber |
Beta Was this translation helpful? Give feedback.
You can use the
<Head>component: https://docusaurus.io/docs/next/docusaurus-core#headE.g.: