# vue3-blog-front

**Repository Path**: ljl-git/vue3-blog-front

## Basic Information

- **Project Name**: vue3-blog-front
- **Description**: 星辰博客-前台门户项目
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-08-13
- **Last Updated**: 2025-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# StarMist-Blog

一个基于 Vue 3 + TypeScript 开发的现代化个人博客系统前端项目。

## ✨ 特性

- 🚀 **现代技术栈** - 基于 Vue 3 + TypeScript 开发
- 📱 **响应式设计** - 完美适配多端显示
- 🎨 **优雅美观** - 精心设计的 UI 界面
- 🔍 **SEO 友好** - 针对搜索引擎优化

## 🛠️ 技术栈

- **核心框架：** Vue 3 + TypeScript
- **构建工具：** Vite
- **样式处理：** Less
- **状态管理：** Pinia
- **路由管理：** Vue Router
- **开发模式：** Composition API
- **图标系统：** Iconify

## 🚀 功能特性

### 📝 内容管理
- 文章列表展示与详情阅读
- 分类浏览与搜索
- 热门文章推荐

### 🤝 社交互动
- 评论发布与回复
- 点赞功能
- 友情链接管理

### 👤 用户中心
- 用户注册与登录
- 个人信息管理
- 密码重置

### 📊 数据统计
- 文章访问数据
- 用户互动统计

## 📷 项目预览

> 在线预览：[http://www.starmist.net/](http://www.starmist.net/)  
目前服务器数据库有问题，老是自动关闭，正在查询解决办法！因为是上班族，好多功能还没来得及开发，但会一直更新下去的 :innocent: 

![博客首页](src/assets/微信图片_20250312223022.png)
![博客首页-文章列表](src/assets/微信图片_20250312223041.png)
![文章详情页](src/assets/微信图片_20250312223044.png)
![首页脚部](src/assets/微信图片_20250312223047.png)
![友链页面](src/assets/微信图片_20250312223055.png)
![查询页面](src/assets/微信图片_20250312223058.png)

## 🚀 快速开始

### 环境要求
- Node.js >= 16
- pnpm >= 7

### 安装与运行


## 快速开始

### 环境准备
- Node.js >= 16
- pnpm >= 7

### 安装依赖
npm install

### 开发环境运行
npm run dev

### 生产环境构建
npm run build

## 项目结构
```
src/
├── api/ # API 接口
├── assets/ # 静态资源
├── components/ # 公共组件
├── router/ # 路由配置
├── stores/ # 状态管理
├── styles/ # 全局样式
├── types/ # TypeScript 类型
├── utils/ # 工具函数
└── views/ # 页面组件
```
## 环境变量配置
env
VITE_API_BASE_URL=你的API地址