68 lines
1.1 KiB
Markdown
68 lines
1.1 KiB
Markdown
# Nuxt Content 博客
|
|
|
|
这是一个使用 Nuxt 3 和 Nuxt Content 构建的博客系统。
|
|
|
|
## 功能特点
|
|
|
|
- 📝 基于 Markdown 的内容管理
|
|
- 🎨 使用 TailwindCSS 构建的响应式设计
|
|
- 🚀 基于 Nuxt 3 的快速渲染
|
|
- 📋 自动生成文章列表
|
|
- 📅 支持文章元数据（标题、描述、日期等）
|
|
|
|
## 快速开始
|
|
|
|
### 安装依赖
|
|
|
|
```bash
|
|
pnpm install
|
|
```
|
|
|
|
### 启动开发服务器
|
|
|
|
```bash
|
|
pnpm dev
|
|
```
|
|
|
|
访问 http://localhost:3000 查看博客。
|
|
|
|
### 构建生产版本
|
|
|
|
```bash
|
|
pnpm build
|
|
```
|
|
|
|
## 添加新文章
|
|
|
|
在 `content` 目录下创建新的 `.md` 文件。文件需要包含以下格式的头部信息：
|
|
|
|
```md
|
|
---
|
|
title: 文章标题
|
|
description: 文章描述
|
|
date: YYYY-MM-DD
|
|
---
|
|
|
|
# 文章内容
|
|
```
|
|
|
|
## 项目结构
|
|
|
|
```
|
|
├── content/ # Markdown 文章
|
|
├── components/ # Vue 组件
|
|
├── layouts/ # 页面布局
|
|
├── pages/ # 页面路由
|
|
└── public/ # 静态资源
|
|
```
|
|
|
|
## 技术栈
|
|
|
|
- [Nuxt 3](https://nuxt.com/)
|
|
- [Nuxt Content](https://content.nuxt.com/)
|
|
- [TailwindCSS](https://tailwindcss.com/)
|
|
|
|
## 许可证
|
|
|
|
MIT
|