update all
This commit is contained in:
37
content/build-blog-with-nuxt-content.md
Normal file
37
content/build-blog-with-nuxt-content.md
Normal file
@@ -0,0 +1,37 @@
|
||||
---
|
||||
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 提供了一个简单而强大的方式来构建内容驱动的网站。通过合理的目录结构和配置,我们可以快速搭建出一个功能完善的博客系统。
|
Reference in New Issue
Block a user