content
使用 content/ 目录为您的应用程序创建基于文件的 CMS。
Nuxt Content 读取您项目中的 content/ 目录 并解析 .md、.yml、.csv 和 .json 文件，从而为您的应用程序创建基于文件的 CMS。
- 使用内置组件渲染您的内容。
- 使用类似 MongoDB 的 API 查询您的内容。
- 使用 MDC 语法在 Markdown 文件中使用您的 Vue 组件。
- 自动生成您的导航。
启用 Nuxt Content
在您的项目中安装 @nuxt/content 模块，并使用一条命令将其添加到您的 nuxt.config.ts 中
终端
npx nuxi module add content
创建内容
将您的 Markdown 文件放在 content/ 目录中
content/index.md
# Hello Content
模块会自动加载并解析它们。
渲染内容
要渲染内容页面，请使用 通配符路由 和 <ContentDoc> 组件
pages/[...slug].vue
<template>
<main>
<!-- ContentDoc returns content for `$route.path` by default or you can pass a `path` prop -->
<ContentDoc />
</main>
</template>
文档
访问 https://content.nuxtjs.org.cn 了解有关 Content 模块功能的更多信息，例如如何构建查询以及如何使用 MDC 语法在 Markdown 文件中使用 Vue 组件。