# blog-vue **Repository Path**: agrcloud/blog-vue ## Basic Information - **Project Name**: blog-vue - **Description**: 开源个人博客系统后台前端部分源代码,基于 vue 和 element-ui完成,后端使用SpringBoot。 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 3 - **Created**: 2019-10-06 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 简介 [开源个人博客系统](https://github.com/iszhouhua/blog)的后台前端部分代码。项目基于 [vue](https://github.com/vuejs/vue) 和 [element](https://github.com/ElemeFE/element),以[vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)为模板完成开发。 ## 开发 使用此项目前,请先下载后端代码:,并运行。 ```bash # 克隆项目 git clone https://github.com/iszhouhua/blog-vue.git # 安装依赖 npm install # 或 yarn install # 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 启动服务 npm run dev ``` 浏览器访问 ## 发布 ```bash npm run build ``` 将`dist`文件夹中的`admin`文件夹复制到后端项目中的`src/main/resources/static`文件夹中即可。 或者配置好`nginx`映射,则无需将构建好的文件放在Java项目中。 ```bash location /admin { root /blog-vue/dist; index index.html index.htm; } ``` ## 后端项目 后端使用java开发,项目地址: ------ ## 界面展示 ![20190508101138](https://raw.githubusercontent.com/iszhouhua/blog/master/data/screenshots/20190508101138.png) ![20190508101254](https://raw.githubusercontent.com/iszhouhua/blog/master/data/screenshots/20190508101254.png) ![20190508101400](https://raw.githubusercontent.com/iszhouhua/blog/master/data/screenshots/20190508101400.png) ![20190508101440](https://raw.githubusercontent.com/iszhouhua/blog/master/data/screenshots/20190508101440.png) ![20190508101544](https://raw.githubusercontent.com/iszhouhua/blog/master/data/screenshots/20190508101544.png) ![20190508101622](https://raw.githubusercontent.com/iszhouhua/blog/master/data/screenshots/20190508101622.png) ------ ## 2019.5.1 添加规则管理,转载文章时可直接根据规则自动装配内容。 ## 2019.5.8 添加云存储支持,包括七牛云、阿里云、腾讯云。可在配置管理中设置。