# 神秀博客-前端

**Repository Path**: zhu-liang/shenxiu-blog-ui

## Basic Information

- **Project Name**: 神秀博客-前端
- **Description**: 个人博客，技术栈Vue3全家桶+ elementUI + Tailwind CSS，node版本22
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: http://117.72.189.56/#/home
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-29
- **Last Updated**: 2025-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Pinia, Element-UI, Tailwind, 线条设计

## README

Based on the code map and search results, here's the README content for this project:

# Shenxiu Blog UI

## 项目简介
这是一个基于Vue3的博客系统前端界面，采用现代化技术栈开发，包含前台展示和后台管理两个主要部分。项目特点包括：
- 使用Vite + Vue3 + Pinia + Element-Plus + Tailwind CSS技术栈
- 响应式布局设计
- 包含完整的博客系统界面（文章展示、分类管理、用户登录等）
- 支持Markdown编辑和预览
- 提供加载动画和打字机效果等UI细节

## 主要功能
### 前台功能
- 首页文章列表展示
- 文章详情页阅读
- 文章搜索功能
- 关于页面展示个人项目

### 后台功能
- 用户登录认证
- 文章管理（增删改查）
- 分类管理（增删改查）
- 布局管理

## 技术栈
- Vue 3
- Vite
- Pinia (状态管理)
- Vue Router
- Element Plus (UI组件库)
- Tailwind CSS
- Markdown编辑器和预览器

## 项目结构
```bash
├── public/                  # 静态资源
├── src/
│   ├── apis/                # API接口管理
│   ├── assets/              # 静态资源文件
│   ├── components/          # 可复用的Vue组件
│   ├── stores/              # Pinia状态管理
│   ├── utils/               # 工具函数
│   ├── views/               # 页面视图
│   │   ├── admin/           # 后台管理页面
│   │   └── frontend/       # 前台展示页面
│   ├── App.vue              # 根组件
│   └── main.js              # 入口文件
├── index.html               # 主HTML文件
└── package.json             # 项目配置文件
```

## 特色组件
- MarkdownEditor：Markdown编辑器组件
- MarkdownPreview：Markdown预览组件
- Typewriter：打字机效果组件
- Loading：加载动画组件
- ArticleCard：文章卡片展示组件

## 许可证
该项目采用MIT License，请查看具体文件以获取更多信息。