内容模块 Content

Nuxt Content 模块 读取项目中的 content/ 目录并解析 .md、.yml、.csv 和 .json 文件到 为您的应用程序创建一个基于文件的 CMS。

• 使用内置组件呈现您的内容。
• 使用类似 MongoDB 的 API 查询您的内容。
• 使用 MDC 语法在 Markdown 文件中使用 Vue 组件。
• 自动生成您的导航。

入门

安装

在您的项目中安装@nuxt/content模块：

yarn add --dev @nuxt/content

然后，将 @nuxt/content 添加到 nuxt.config.ts 的 modules 部分：

export default defineNuxtConfig({
  modules: [
    '@nuxt/content'
  ],
  content: {
    // https://content.nuxtjs.org/api/configuration
  }
})

创建内容

将 markdown 文件放在项目根目录的 content/ 目录中：

# Hello Content

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

渲染页面

要呈现内容页面，请使用“ContentDoc”组件添加 catch-all route：

<template>
  <main>
    <ContentDoc />
  </main>
</template>

文档