安装

在线体验

您可以使用我们的在线沙盒在浏览器中开始体验 Nuxt 内容。

或打开嵌入式游乐场。

新项目

1. 您可以使用以下命令开始一个全新的 Nuxt 内容项目。

npx nuxi@latest init content-app -t content

它会询问您要使用哪个包管理器来安装依赖项。

2. 移至 content-app 文件夹并启动开发服务器。

pnpm run dev

添加到项目中

您可以在 Nuxt 项目开发过程中的任何时间添加 Nuxt 内容，方法是安装 @nuxt/content 模块。

npx nuxi@latest module add content

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

export default defineNuxtConfig({
  modules: [
    '@nuxt/content'
  ],
  content: {
    // ... options
  }
})

创建内容

将您的 Markdown 文件放在项目根目录的 content/ 目录中。

# Hello Content

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

渲染页面

要渲染内容页面，请使用 ContentDoc 组件添加一个通配符路由。

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