2 分钟阅读
项目集合

projects 集合位于 src/content/projects

它的结构如下:

📁 /src/content/projects
└── 📁 project-1
      └── 📄 index.md
└── 📁 projects-2
      └── 📄 index.mdx

在这个例子里,会根据 .md.mdx 文件生成两个静态项目页。文件夹名称就是 slug:

  • https://example.com/projects/project-1
  • https://example.com/projects/project-2

所有内容都要先写 YAML frontmatter:

---
title: "My awesome project"
description: "A description of my project."
date: "Mar 22 2024"
draft: false
---

元信息字段

字段必填类型说明
titlestring项目标题,也会用于 SEO 和 RSS。
descriptionstring项目简介,也会用于 SEO 和 RSS。
datestring必须是可解析的日期字符串。
draftbooleandraft: true 时不会被公开发布。
demoURLstring如果有线上演示,可以写在这里。
repoURLstring如果有代码仓库,可以写在这里。

接下来就在元信息下面补充项目说明正文。

---
title: "My awesome project"
description: "A description of my project."
date: "Mar 22 2024"
draft: false
---

### 项目说明

这里可以写一段关于项目的介绍。

🎉 恭喜,现在你已经拥有项目展示集合了。