通过 100+ 条技巧合集学习 Nuxt!

content
@nuxt/content

Nuxt Content 读取项目中的 content/ 目录,解析 .md、.yml、.csv 或 .json 文件,并为您的应用程序创建一个强大的数据层。此外,可以使用 MDC 语法在 Markdown 中使用 Vue 组件。

nuxt-content-social-card

Nuxt Content

npm versionnpm downloadsLicenseNuxtVolta

Nuxt Content 读取您项目中的 content/ 目录,解析 .md.yml.csv.json 文件,并为您的应用程序创建一个强大的数据层。此外,可以使用 MDC 语法在 Markdown 中使用 Vue 组件。

功能

  • 支持 Nuxt 3
  • 为 Vue 组件设计的 Markdown 语法 (MDC)
  • 导航生成
  • 使用 Shiki 进行代码高亮显示
  • 开发中极速热模块替换
  • 强大的查询构建器(类似 MongoDB)
  • 目录生成
  • 还处理 CSV、YAML 和 JSON(5)
  • 使用钩子和内容插件进行扩展
  • ... 还有更多

Nuxt 2

Content v1 支持 Nuxt 2,文档位于 https://content.nuxtjs.org.cn/v1,代码位于 v1 分支。

💻 开发

!注意 此存储库使用 bash 脚本进行开发和测试。如果您使用的是 Windows,可以使用 WSLGit Bash

  • 克隆存储库
  • 使用 pnpm install 安装依赖项
  • 使用 pnpm prepare 进行准备
  • 使用 pnpm build 进行构建
  • 使用 pnpm dev 尝试游乐场
  • 使用 pnpm test 进行测试

许可证

MIT - 用 💚 制作