1
项目根目录/
2
├── src/
3
│   ├── config/
4
│   │   ├── navBarConfig.ts          # 1️⃣ 导航栏配置
5
│   │   └── LinkPresets.ts           # 2️⃣ 链接预设（可选）
6
│   ├── content/
7
│   │   ├── config.ts                # 3️⃣ 内容集合配置
8
│   │   └── welfare/                 # 4️⃣ 内容文件夹
9
│   │       ├── rural-education.md
10
│   │       ├── environment.md
11
│   │       └── animal-rescue.md
12
│   └── pages/
13
│       └── welfare/                 # 5️⃣ 页面路由文件夹
14
│           ├── rural-education.astro
15
│           ├── environment.astro
16
│           └── animal-rescue.astro

1
// 添加公益项目菜单
2
links.push({
3
    name: "公益项目",
4
    icon: "material-symbols:favorite",
5
    children: [
6
        {
7
            name: "乡村教育支持",
8
            url: "/rural-education/",
9
            icon: "material-symbols:school",
10
        },
11
        {
12
            name: "环境保护计划",
13
            url: "/environment/",
14
            icon: "material-symbols:forest",
15
        },
16
        {
17
            name: "动物救助行动",
18
            url: "/animal-rescue/",
19
            icon: "material-symbols:pets",
20
        },
21
        {
22
            name: "捐赠渠道",
23
            url: "https://hangdn.com",
24
            external: true,
25
            icon: "material-symbols:volunteer-activism",
26
        },
27
    ],
28
});

1
[LinkPreset.Welfare]: {
2
    name: "公益项目",
3
    url: "/welfare/",
4
    icon: "material-symbols:favorite",
5
},

1
// 添加 welfare 集合
2
const welfareCollection = defineCollection({
3
    loader: glob({ pattern: "**/*.{md,mdx}", base: "./src/content/welfare" }),
4
    schema: z.object({
5
        title: z.string(),
6
        description: z.string().optional(),
7
        published: z.date().optional(),
8
        tags: z.array(z.string()).optional(),
9
    }),
10
});
11

12
export const collections = {
13
    posts: postsCollection,
14
    spec: specCollection,
15
    welfare: welfareCollection,  // ← 必须注册
16
};

1
---
2
title: "乡村教育支持"
3
description: "为偏远山区儿童提供教育资源"
4
published: 2025-06-01
5
tags: ["公益", "教育"]
6
---
7

8
# 乡村教育支持
9

10
这里是文章内容...

1
---
2
import { getEntry, render } from "astro:content";
3
import Markdown from "@components/common/Markdown.astro";
4
import MainGridLayout from "@/layouts/MainGridLayout.astro";
5

6
const post = await getEntry("welfare", "rural-education"); // 修改 slug
7

8
if (!post) {
9
    throw new Error("Page not found");
10
}
11

12
const { Content } = await render(post);
13
---
14

15
<MainGridLayout title={post.data.title} description={post.data.description}>
16
    <div class="flex w-full rounded-(--radius-large) overflow-hidden relative min-h-32">
17
        <div class="card-base z-10 px-9 py-6 relative w-full">
18
            <Markdown class="mt-2">
19
                <Content />
20
            </Markdown>
21
        </div>
22
    </div>
23
</MainGridLayout>