38 lines
979 B
Markdown
38 lines
979 B
Markdown
---
|
|
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 提供了一个简单而强大的方式来构建内容驱动的网站。通过合理的目录结构和配置，我们可以快速搭建出一个功能完善的博客系统。
|