# blog-web

**Repository Path**: copoile/blog-web

## Basic Information

- **Project Name**: blog-web
- **Description**: 本项目技术栈基于vue、vuex、vue-router 、vue-cli 、axios 和 element-ui，是一个vue全家桶 + element-ui编写的博客前端项目，简约风格，功能完善，具备完备的后台管理和前端数据展示，同时项目通过媒体查询等技术适配移动端，是一个响应式的前端项目。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 49
- **Forks**: 7
- **Created**: 2020-05-07
- **Last Updated**: 2025-04-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 简介

本项目技术栈基于[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[vue-cli](https://github.com/vuejs/vue-cli) 、[axios](https://github.com/axios/axios) 和 [element-ui](https://github.com/ElemeFE/element)，是一个vue全家桶 + element-ui编写的博客前端项目，简约风格，功能完善，具备完备的后台管理和前端数据展示，同时项目通过媒体查询等技术适配移动端，是一个响应式的前端项目。  
国内Gitee:[https://gitee.com/copoile/blog-web.git](https://gitee.com/copoile/blog-web)  
国外Github:[https://github.com/copoile/blog-web](https://github.com/copoile/blog-web.git)

> 数据通过接口Api方式获取，因此前端项目运行需启动后端项目，后端项目地址：https://github.com/copoile/blog-api.git

**在线接口文档**  

国外: [https://copoile.github.io](https://copoile.github.io)  
国内: [http://copoile.gitee.io/blog-doc](http://copoile.gitee.io/blog-doc) 

> Api文档使用GitBook编写，文档源码地址: [https://github.com/copoile/blog-api-doc.git](https://github.com/copoile/blog-api-doc.git)

![](./images/api-doc.png)



### 功能

``` 
- 账号注册
- 账号登录 / 手机号登录
- 第三方登录 / QQ / Github / Gitee
- 个人信息
- 绑定邮箱 / 绑定手机号
- 修改密码 / 重置密码
- 文章编辑（MarkDown编辑器）
- 文章管理
- 文章推荐
- 用户管理
- 分类管理
- 标签管理
- 收藏管理
- 博客友链
- 客户端管理
- 首页
- 分类
- 归档
- 标签
- 友链
- 留言
- 文章 / 收藏 / 点赞 / 评论 / 回复 / 相关推荐
- Live2d
- 其他
```



### 开发

```
# 克隆项目
git clone https://github.com/copoile/blog-web.git

# 进入项目目录
cd blog-web

# 安装依赖
npm install (node版本v14.18.0)

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 打包项目
npm run build:prod
```

### 线上
目前网站已正式上线，如需查看完整效果可查看网站:  
[https://www.poile.cn](https://www.poile.cn)

> 觉得不错的话，多支持下low逼弟弟哦～


### 项目展示

![](./images/index-1.png)





![](./images/index-2.png)



![](./images/article-1.png)



![](./images/category.png)

![](./images/archives.png)



![](./images/friend-link.png)



![](./images/tag.png)



![](./images/message-1.png)



![](./images/user.png)



![](./images/article-manage.png)



![](./images/edit.png)



![](./images/mobile/index.png)





![](./images/mobile/category.png)





![](./images/mobile/article-1.png)





![](./images/mobile/user.png)



### License

[Apache License 2.0](http://apache.org/licenses/LICENSE-2.0.html)

Copyright (c) 2020-present Yaohw