初始化:创建基于 Nuxt Content 的博客项目
This commit is contained in:
67
README.md
Normal file
67
README.md
Normal file
@@ -0,0 +1,67 @@
|
||||
# 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
|
Reference in New Issue
Block a user