add reading time

astro.config.ts

@@ -21,6 +21,9 @@ const getSiteInfo = () => {
 export default defineConfig({
   ...getSiteInfo(),
   output: 'static',
+  server: {
+    allowedHosts: true,
+  },
   integrations: [mdx(), sitemap(), icon(), compress({
     HTML: false,
   }), robotsTxt()],

src/data/data.posts.ts

@@ -3,7 +3,9 @@ import { profile } from "./data.profile";
 
 class Posts {
   #map = (post: CollectionEntry<'posts'>) => {
+    const readingTime = Math.ceil(post.body?.split(/\s+/g).length / 200) || 1;
     return Object.assign(post, {
+      readingTime,
       jsonLd: {
         '@context': 'https://schema.org',
         '@type': 'BlogPosting',

src/pages/index.astro

@@ -35,7 +35,13 @@ const jsonLd = await profile.getJsonLd();
           />
           </a>
           <a class="title" href={`/posts/${post.id}`}><h3>{post.data.title}</h3></a>
-          <div class="subtitle"><AbsoluteTime datetime={post.data.pubDate} /></div>
+          <div class="subtitle">
+            <AbsoluteTime
+              datetime={post.data.pubDate}
+              format={{ month: "long", day: "numeric", year: "numeric" }}
+            />
+            {" "}&bull; {post.readingTime} min read
+          </div>
         </div>
       ))}
     </div>