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

6
const pagePost = await getEntry("spec", "xxx");
7
if (!pagePost) {
8
    throw new Error("Page content not found");
9
}
10
const { Content } = await render(pagePost);
11
---
12

13
<MainGridLayout title="页面标题" description="页面描述">
14
    <div class="flex w-full rounded-(--radius-large) overflow-hidden relative min-h-32">
15
        <div class="card-base z-10 px-9 py-6 relative w-full">
16
            <Markdown class="mt-2">
17
                <Content />
18
            </Markdown>
19
        </div>
20
    </div>
21
</MainGridLayout>

1
// 顶级菜单
2
links.push({
3
    name: "书架",
4
    url: "/books/",
5
    icon: "material-symbols:book-5",
6
});
7

8
// 下拉子菜单
9
links.push({
10
    name: "记录",
11
    url: "/records/",
12
    icon: "material-symbols:camera-outdoor",
13
    children: [
14
        { name: "书架", url: "/books/", icon: "material-symbols:book-5" },
15
        { name: "音乐", url: "/music/", icon: "material-symbols:music-note" },
16
    ],
17
});
18

19
// 外部链接（新标签页打开）
20
links.push({
21
    name: "GitHub",
22
    url: "https://github.com/yourname",
23
    external: true,
24
    icon: "fa7-brands:github",
25
});

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

8
const talksPost = await getEntry("spec", "talks");
9
if (!talksPost) {
10
    throw new Error("Talks page content not found");
11
}
12
const { Content } = await render(talksPost);
13
---
14

15
<MainGridLayout title={i18n(I18nKey.talks)} description={i18n(I18nKey.talksDescription)}>
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>

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

6
const booksPost = await getEntry("spec", "books");
7
if (!booksPost) {
8
    throw new Error("Books page content not found");
9
}
10
const { Content } = await render(booksPost);
11
---
12

13
<MainGridLayout title="书架" description="我读过的和正在读的书籍">
14
    <div class="flex w-full rounded-(--radius-large) overflow-hidden relative min-h-32">
15
        <div class="card-base z-10 px-9 py-6 relative w-full">
16
            <Markdown class="mt-2">
17
                <Content />
18
            </Markdown>
19
        </div>
20
    </div>
21
</MainGridLayout>

1
// 方式 A：作为顶级菜单
2
links.push({
3
    name: "书架",
4
    url: "/books/",
5
    icon: "material-symbols:book-5",
6
});
7

8
// 方式 B：作为下拉子菜单
9
links.push({
10
    name: "记录",
11
    url: "/records/",
12
    icon: "material-symbols:camera-outdoor",
13
    children: [
14
        { name: "书架", url: "/books/", icon: "material-symbols:book-5" },
15
        // ...其他子菜单
16
    ],
17
});