-
+ html`;
+
+export async function GET(context: APIContext) {
+ const { pubDate, title } = context.props as Props;
+ console.log("context.props", context.props)
+ const postDate = pubDate instanceof Date
+ ? pubDate.toLocaleDateString('zh-CN', {
+ year: 'numeric',
+ month: 'long',
+ day: 'numeric'
+ })
+ : pubDate;
+
+ const htmlElement = markup(title, postDate);
+ const svg = await satori(htmlElement, ogOptions);
+ const png = new Resvg(svg).render().asPng();
+ return new Response(png, {
+ headers: {
+ "Cache-Control": "public, max-age=31536000, immutable",
+ "Content-Type": "image/png",
+ },
+ });
+}
+
+export async function getStaticPaths() {
+ const posts = await getSortedAllPostsAndDiaries();
+ return posts
+ .filter(({ data }) => !data.ogImage)
+ .map((post) => ({
+ params: { slug: post.id },
+ props: {
+ pubDate: post.data?.date,
+ title: post.data.title,
+ },
+ }));
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 68c9061..c88bb08 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -60,7 +60,7 @@ const config = {
},
fontFamily: {
sans: [...fontFamily.sans],
- satoshi: ['Satoshi', 'sans']
+ satoshi: ['Satoshi', 'sans', 'Noto Sans SC']
}
}
}
+
`;
+
+type Props = InferGetStaticPropsType
+
+ ${pubDate}
+${title}
+
+
+
+ 
+
+
+ ${siteConfig.title}
+by ${siteConfig.author}
+