# 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 文件。