Nuxt-Content/content/build-blog-with-nuxt-content.md

title, description, date, tags, cover

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

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

特性

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

示例代码

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

总结

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