Blog

export const websiteConfig = {
  // ...other config
  blog: {
    paginationSize: 9, // Number of posts per page
    relatedPostsSize: 3, // Number of related posts to show
  },
  // ...other config
}

---
title: My First Blog Post
description: This is a brief description of my first blog post.
image: /images/blog/my-first-post.jpg
date: 2023-12-01T00:00:00.000Z
published: true
categories: ["tutorial", "announcement"]
author: "mksaas"
---
 
# Introduction
 
This is my first blog post. Here I'll talk about something interesting.
 
## Section 1
 
Some content here...
 
## Section 2
 
More content here...

---
slug: john-doe
name: John Doe
avatar: /images/authors/john-doe.jpg
---

---
slug: tutorial
name: Tutorial
description: Step-by-step guides to learn new features
---

---
title: Welcome to our Blog
description: Our first official blog post
image: /images/blog/welcome.jpg
date: 2023-12-01T00:00:00.000Z
published: true
categories: ["announcement"]
author: "mksaas"
---
 
Content in English...

---
title: 欢迎来到我们的博客
description: 我们的第一篇官方博客文章
image: /images/blog/welcome.jpg
date: 2023-12-01T00:00:00.000Z
published: true
categories: ["announcement"]
author: "mksaas"
---
 
Content in Chinese...

---
slug: mksaas
name: MkSaaS 团队
avatar: /images/authors/mksaas.jpg
---

---
slug: announcement
name: 公告
description: 官方平台公告和更新
---

export const posts = defineCollection({
  name: 'post',
  directory: 'content/blog',
  include: '**/*.mdx',
  schema: (z) => ({
    title: z.string(),
    description: z.string(),
    image: z.string(),
    date: z.string().datetime(),
    published: z.boolean().default(true),
    categories: z.array(z.string()),
    author: z.string(),
    estimatedTime: z.number().optional(),
    // Add the new field
    featured: z.boolean().default(false),
  }),
  // ...transform logic remains the same
});

---
title: Important Announcement
description: Read this important announcement
image: /images/blog/announcement.jpg
date: 2023-12-01T00:00:00.000Z
published: true
categories: ["announcement"]
author: "mksaas"
featured: true
---
 
Content here...

// Modify card styling
<div className="group flex flex-col border rounded-lg overflow-hidden h-full bg-card shadow-sm hover:shadow-md transition-shadow">
  {/* ... rest of the component */}
</div>

import { allPosts } from 'content-collections';
 
// Get all published posts
const publishedPosts = allPosts.filter(post => post.published);
 
// Get featured posts
const featuredPosts = allPosts.filter(post => post.featured);
 
// Get posts by category
const tutorialPosts = allPosts.filter(post => 
  post.categories.some(category => category.slug === 'tutorial')
);
 
// Get posts by author
const authorPosts = allPosts.filter(post => post.author.slug === 'john-doe');