Nuxt内容管理技能Skill nuxt-content

Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件,用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词:Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。

前端开发 0 次安装 4 次浏览 更新于 3/9/2026

名称: nuxt-content 描述: 用于处理Nuxt Content v3 - 提供集合(本地/远程/API源)、queryCollection API、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n模式以及LLMs集成 许可证: MIT

Nuxt Content v3

用于内容驱动的Nuxt应用的渐进式指南,支持类型化集合和SQL支持的查询。

何时使用

处理以下内容时使用:

  • 内容集合(content.config.ts, defineCollection
  • 远程源(GitHub仓库,通过defineCollectionSource的外部API)
  • 内容查询(queryCollection, 导航, 搜索)
  • MDC渲染(<ContentRenderer>, 文本组件)
  • 数据库配置(SQLite, PostgreSQL, D1, LibSQL)
  • 内容钩子(content:file:beforeParse, content:file:afterParse
  • i18n多语言内容
  • NuxtStudio或预览模式
  • LLMs集成(nuxt-llms

用于编写文档: 使用document-writer技能 用于Nuxt基础: 使用nuxt技能 用于NuxtHub部署: 使用nuxthub技能(与NuxtHub v1兼容)

可用指南

根据当前工作阅读特定文件:

加载文件

根据任务考虑加载这些参考文件:

不要一次性加载所有文件。 只加载与当前任务相关的文件。

关键概念

概念 目的
集合 带有模式的类型化内容组
页面 vs 数据 page = 路由 + 正文, data = 仅结构化数据
远程源 用于GitHub的source.repository,用于API的defineCollectionSource
queryCollection 类似SQL的流畅API用于内容
MDC Markdown中的Vue组件
ContentRenderer 渲染解析后的Markdown正文

目录结构

project/
├── content/                    # 内容文件
│   ├── blog/                   # 映射到'blog'集合
│   └── .navigation.yml         # 导航元数据
├── components/content/         # MDC组件
└── content.config.ts           # 集合定义

官方文档

令牌效率

主技能:约300个令牌。每个子文件:约800-1200个令牌。只加载与当前任务相关的文件。