Nuxt3 中文课程 《实战全栈开发简书》.

content

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

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

  • 使用内置组件渲染你的内容。
  • 使用类似MongoDB的API查询你的内容。
  • 在Markdown文件中使用Vue组件,采用MDC语法。
  • 自动生成导航。
Nuxt Content文档中了解更多。

启用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语法。