diff --git a/src/theme/BlogPostItem/Footer/index.tsx b/src/theme/BlogPostItem/Footer/index.tsx
index 9f52fa74..6948f7d0 100644
--- a/src/theme/BlogPostItem/Footer/index.tsx
+++ b/src/theme/BlogPostItem/Footer/index.tsx
@@ -6,9 +6,12 @@ import TagsListInline from '@theme/TagsListInline';
import ReadMoreLink from '@theme/BlogPostItem/Footer/ReadMoreLink';
import styles from './styles.module.css';
import { AuthorSummary } from '../../../component/AuthorSummary';
+import Head from '@docusaurus/Head';
export default function BlogPostItemFooter() {
const { metadata, isBlogPostPage } = useBlogPost();
- const { tags, title, editUrl, hasTruncateMarker, authors } = metadata;
+ const { tags, title, editUrl, hasTruncateMarker, authors, frontMatter } =
+ metadata;
+ const { image } = frontMatter;
// A post is truncated if it's in the "list view" and it has a truncate marker
const truncatedPost = !isBlogPostPage && hasTruncateMarker;
const tagsExists = tags.length > 0;
@@ -18,38 +21,47 @@ export default function BlogPostItemFooter() {
return null;
}
return (
-
+ ) : null}
+
);
}
diff --git a/src/theme/LayoutContent.tsx b/src/theme/LayoutContent.tsx
index cd9d60c4..99c44671 100644
--- a/src/theme/LayoutContent.tsx
+++ b/src/theme/LayoutContent.tsx
@@ -76,6 +76,8 @@ export const LayoutContent = ({ children }) => {
content="boppg6u2f0982xhjbg7jtr9odtchvk"
/>
+ {/** default og image can be overriten in the Head */}
+
{trackingId && (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+