vending-mocha 0.2.0 → 0.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vending-mocha",
   "description": "A personal blogging framework for developers.",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "license": "Apache-2.0",
   "type": "module",
   "bin": {
@@ -58,4 +58,4 @@
     "typescript-eslint": "^8.48.0",
     "vite": "^7.3.1"
   }
-}
+}

package/scripts/generate-posts-data.js

@@ -27,7 +27,8 @@ function generatePostsData() {
             title: data.title || 'Untitled',
             date: data.date || 'Unknown Date',
             summary: data.summary || '',
-            weight: data.weight || 0
+            weight: data.weight || 0,
+            image: data.image || null
         };
     });
 

package/src/pages/BlogPost.tsx

@@ -54,12 +54,17 @@ export default function BlogPost() {
         }
     };
 
+    const ogImageUrl = postMeta.image 
+        ? (postMeta.image.startsWith('http') ? postMeta.image : `${siteConfig.url.replace(/\/$/, '')}${postMeta.image.startsWith('/') ? '' : '/'}${postMeta.image}`)
+        : undefined;
+
     return (
         <div className="blog-container">
             <SiteHeader />
             <Helmet>
                 <title>{`${postMeta.title} - ${siteConfig.title}`}</title>
                 <meta name="description" content={postMeta.summary || siteConfig.description} />
+                {ogImageUrl && <meta property="og:image" content={ogImageUrl} />}
                 <script type='application/ld+json'>
                     {JSON.stringify(jsonLd)}
                 </script>
@@ -70,6 +75,11 @@ export default function BlogPost() {
                     <span>{formatDate(postMeta.date)}</span>
                 </div>
             </header>
+            {postMeta.image && (
+                <div className="post-image" style={{ marginBottom: '2rem' }}>
+                    <img src={postMeta.image} alt={postMeta.title} style={{ maxWidth: '100%', borderRadius: '8px' }} />
+                </div>
+            )}
             <div className="markdown-content">
                 <Markdown
                     remarkPlugins={[remarkGfm]}

package/src/posts.json

@@ -4,27 +4,31 @@
     "title": "Introducing the Life in Weeks Feature ⏳",
     "date": "2026-02-22",
     "summary": "A new feature to visualize your life in weeks",
-    "weight": 0
+    "weight": 0,
+    "image": null
   },
   {
     "slug": "hello-world",
     "title": "Welcome to Vending Mocha ☕",
     "date": "2026-02-17 04:00:00",
     "summary": "Welcome to your new blogging framework! This is a sample post to get you started.",
-    "weight": 0
+    "weight": 0,
+    "image": null
   },
   {
     "slug": "markdown-features",
     "title": "Markdown Features Demo 📝",
     "date": "2026-02-17 02:00:00",
     "summary": "A demonstration of the Markdown features supported by Vending Mocha, including code blocks, lists, and formatting.",
-    "weight": 0
+    "weight": 0,
+    "image": null
   },
   {
     "slug": "deploy-to-github-pages",
     "title": "Deploying to GitHub Pages 🚀",
     "date": "2026-02-17 01:00:00",
     "summary": "A step-by-step guide to deploying your Vending Mocha blog to GitHub Pages using GitHub Actions.",
-    "weight": 0
+    "weight": 0,
+    "image": null
   }
 ]