# blog-ui

**Repository Path**: yin-chunyang/blog-ui

## Basic Information

- **Project Name**: blog-ui
- **Description**: 博客网站前端部分，mater老版本、next-blog-ui新版本
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: http://47.93.248.11:3100/home
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2025-03-08
- **Last Updated**: 2025-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, tailwindcss, blog

## README

# Blog UI 项目说明

这是一个基于 React 的博客系统前端界面，使用了现代前端技术栈，提供了丰富的 UI 组件和功能模块。

## 项目特点

- 使用 React + TypeScript 开发
- 集成 ShadCN UI 组件库
- 支持暗黑/明亮主题切换
- 包含完整的博客系统界面
- 提供多种代码示例和文档

## 技术栈

- React + TypeScript
- Vite 构建工具
- Tailwind CSS
- ShadCN UI 组件库
- Axios 网络请求
- React Router 路由管理

## 主要功能模块

- 文章展示与管理
- 用户认证与个人中心
- 代码片段展示
- 响应式布局
- 多种 UI 组件和特效
- 支持 Markdown 编辑

## 目录结构

```
src/
├── components/        # 可复用的 UI 组件
├── views/             # 页面视图组件
├── api/               # API 接口定义
├── stores/            # 状态管理
├── hooks/             # 自定义 Hook
├── constant/          # 常量定义
├── types/             # 类型定义
├── utils/             # 工具函数
├── assets/            # 静态资源
├── provider/          # React Context 提供者
```

## 安装与运行

1. 克隆项目
2. 安装依赖：`pnpm install`
3. 启动开发服务器：`pnpm dev`

请查看项目中的 `.env.example` 文件了解需要配置的环境变量。

## 贡献指南

欢迎贡献代码！请先阅读项目的贡献指南，并确保遵循代码规范。

## 许可证

本项目采用 MIT 许可证。详情请查看 LICENSE 文件。