使用 Nuxt Content 构建博客

Nuxt Content 简介

Nuxt Content 是一个强大的内容管理模块，让你可以使用 Markdown、YAML、CSV 或 JSON 文件来管理网站内容。

主要特性

• Markdown 支持 - 使用 MDC 语法扩展 Markdown
• 文件系统路由 - 自动根据文件结构生成路由
• 查询 API - 强大的内容查询能力
• 代码高亮 - 内置语法高亮支持

快速开始

安装

npx nuxi module add content

创建内容

在 content/ 目录下创建 Markdown 文件：

---
title: 我的第一篇文章
description: 文章描述
---

# 文章标题

文章内容...

查询内容

使用 queryContent() 查询内容：

<script setup>
const { data: articles } = await useAsyncData('articles', () =>
  queryContent('blog').find()
)
</script>

结语

Nuxt Content 让内容管理变得简单高效，非常适合构建博客、文档站点等内容驱动的网站。