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