# vue-element-blog

**Repository Path**: rainbowecho/vue-element-blog

## Basic Information

- **Project Name**: vue-element-blog
- **Description**: 基于Vue，使用了ElementUI，Vue router进行开发的前端项目。可用于个人博客项目的二次开发，因为已经完善了许多常用的样式效果，所以可以很简单的进行使用。
- **Primary Language**: Unknown
- **License**: LGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 20
- **Forks**: 9
- **Created**: 2019-11-01
- **Last Updated**: 2023-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-element-blog
基于Vue，使用了ElementUI，Vue router进行开发的前端项目。可用于个人博客项目的二次开发，因为以前完善了许多样式效果，可以很简单的进行使用。

# Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test
```

# 效果
GitHub上如果没有效果，可以前往码云查看：https://gitee.com/rainbowecho/vue-element-blog


首页
![](./assets/md_img/index-page.jpg)

文章详情页面
![](./assets/md_img/post-page.jpg)
![](./assets/md_img/post-after-page.jpg)

留言板页面
![](./assets/md_img/message-board.jpg)

404 页面
![](./assets/md_img/404.jpg)

# 其他
如果觉得不错，请点个star。欢迎fork和pull。