---
title: 使用 Nuxt Content 搭建个人博客
description: 本文介绍如何使用 Nuxt Content 模块快速搭建一个现代化的个人博客系统
date: 2025-07-21
tags: ['Nuxt', 'Vue', 'Web开发']
cover: 'https://picsum.photos/800/400'
---

Nuxt Content 是一个强大的文档驱动模块，让我们可以轻松地使用 Markdown 文件来管理博客内容。本文将介绍如何使用它来搭建一个现代化的个人博客系统。

## 特性

- 基于文件的 CMS
- Markdown 支持
- 强大的 MDC 语法
- 自动生成目录
- 代码高亮
- 全文搜索
- 支持 Vue 组件

## 示例代码

```js
// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxt/content'],
  content: {
    highlight: {
      theme: 'github-dark'
    }
  }
})
```

## 总结

Nuxt Content 提供了一个简单而强大的方式来构建内容驱动的网站。通过合理的目录结构和配置，我们可以快速搭建出一个功能完善的博客系统。