content
使用 content/ 目录为你的应用创建一个基于文件的内容管理系统(CMS)。
Nuxt Content会读取你项目中的content/
目录,并解析.md
、.yml
、.csv
和.json
文件,为你的应用创建基于文件的内容管理系统。
- 使用内置组件渲染你的内容。
- 使用类似MongoDB的API查询你的内容。
- 在Markdown文件中使用Vue组件,采用MDC语法。
- 自动生成导航。
启用Nuxt Content
在你的项目中安装@nuxt/content
模块,并通过以下命令将其添加到nuxt.config.ts
中:
Terminal
npx nuxi module add content
创建内容
将你的Markdown文件放在content/
目录中:
content/index.md
# 你好Content
模块会自动加载和解析它们。
渲染内容
要渲染内容页面,使用<ContentDoc>
组件添加一个catch-all路由:
pages/[...slug].vue
<template>
<main>
<ContentDoc :path="$route.path" />
</main>
</template>
文档
请访问https://content.nuxt.com,了解更多关于Content模块的特性,例如如何构建查询和在Markdown文件中使用Vue组件的MDC语法。