content

使用 content/ 目录为你的应用创建一个基于文件的内容管理系统（CMS）

Nuxt Content 会读取你项目中的 content/目录，并解析.md、.yml、.csv 和.json 文件，为你的应用创建基于文件的内容管理系统。

• 使用内置组件渲染你的内容。
• 使用类似 MongoDB 的 API 查询你的内容。
• 在 Markdown 文件中使用 Vue 组件，采用 MDC 语法。
• 自动生成导航。

启用 Nuxt Content

在你的项目中安装@nuxt/content 模块，并通过以下命令将其添加到 nuxt.config.ts 中：

npx nuxi module add content

创建内容

将你的 Markdown 文件放在 content/目录中：

# 你好Content

模块会自动加载和解析它们。

渲染内容

要渲染内容页面，使用<ContentDoc>组件添加一个 catch-all 路由：

<template>
  <main>
    <ContentDoc :path="$route.path" />
  </main>
</template>

文档

请访问https://content.nuxt.com，了解更多关于 Content 模块的特性，例如如何构建查询和在 Markdown 文件中使用 Vue 组件的 MDC 语法。