diff --git a/src/components/AuthorCard/styles.css b/src/components/AuthorCard/styles.css
index 942ea04..22758d1 100644
--- a/src/components/AuthorCard/styles.css
+++ b/src/components/AuthorCard/styles.css
@@ -47,5 +47,8 @@
place-self: center center;
}
- .author-card .author-name { justify-self: center; }
+ .author-card .author-name {
+ justify-self: center;
+ text-align: center;
+ }
}
diff --git a/src/components/HtmlHead/index.astro b/src/components/HtmlHead/index.astro
index 4b60335..3b6290e 100644
--- a/src/components/HtmlHead/index.astro
+++ b/src/components/HtmlHead/index.astro
@@ -10,7 +10,7 @@ interface Props {
url: string,
description: string,
tags?: string[],
- author?: string,
+ authors?: string[],
image?: string,
imageAlt?: string,
createdAt?: Date,
@@ -21,7 +21,7 @@ interface Props {
const {
htmlTitle, title, url,
description, tags,
- author,
+ authors,
image, imageAlt,
@@ -71,11 +71,13 @@ const socialImage = `${BLOG_URL}${(image ?? defaultSocialImage.src).replace(/^\/
- {author && (
-
-
-
- )}
+ {authors?.map((author) => (
+ <>
+
+
+
+ >
+ ))}
diff --git a/src/components/PostHeader/index.astro b/src/components/PostHeader/index.astro
index a8c35ee..e2018ed 100644
--- a/src/components/PostHeader/index.astro
+++ b/src/components/PostHeader/index.astro
@@ -2,6 +2,7 @@
import { Image } from 'astro:assets';
import { Icon } from 'astro-icon/components';
+import { getFormattedAuthorsList } from '../../utils/post';
import SiteNav from '../SiteNav/index.astro';
import './styles.css';
@@ -17,7 +18,8 @@ interface Props {
imageAlt?: string,
readingTime?: number,
wordCount?: number,
- letterCount?: number
+ letterCount?: number,
+ authors: string[]
}
const {
@@ -26,7 +28,8 @@ const {
createdAt, updatedAt,
hasUpdates,
image, imageAlt,
- readingTime, wordCount
+ readingTime, wordCount,
+ authors
} = Astro.props;
const formatter = new Intl.DateTimeFormat('en-US', { dateStyle: 'long', timeStyle: 'long' });
@@ -84,6 +87,13 @@ const formatter = new Intl.DateTimeFormat('en-US', { dateStyle: 'long', timeStyl
)}
+ {authors && (
+
+
+ By {getFormattedAuthorsList(authors)}
+
+
+ )}