projects 集合位于 src/content/projects。
它的结构如下:
📁 /src/content/projects
└── 📁 project-1
└── 📄 index.md
└── 📁 projects-2
└── 📄 index.mdx
在这个例子里,会根据 .md 或 .mdx 文件生成两个静态项目页。文件夹名称就是 slug:
https://example.com/projects/project-1https://example.com/projects/project-2
所有内容都要先写 YAML frontmatter:
---
title: "My awesome project"
description: "A description of my project."
date: "Mar 22 2024"
draft: false
---
元信息字段
| 字段 | 必填 | 类型 | 说明 |
|---|---|---|---|
| title | 是 | string | 项目标题,也会用于 SEO 和 RSS。 |
| description | 是 | string | 项目简介,也会用于 SEO 和 RSS。 |
| date | 是 | string | 必须是可解析的日期字符串。 |
| draft | 否 | boolean | draft: true 时不会被公开发布。 |
| demoURL | 否 | string | 如果有线上演示,可以写在这里。 |
| repoURL | 否 | string | 如果有代码仓库,可以写在这里。 |
接下来就在元信息下面补充项目说明正文。
---
title: "My awesome project"
description: "A description of my project."
date: "Mar 22 2024"
draft: false
---
### 项目说明
这里可以写一段关于项目的介绍。
🎉 恭喜,现在你已经拥有项目展示集合了。