# vue-blog

**Repository Path**: anoldboy/vue-blog

## Basic Information

- **Project Name**: vue-blog
- **Description**: 一个前端采用 Vue，后端采用  Springboot 的博客系统。具体效果观看我的博客 https://gpnuhzq.top/
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 4
- **Created**: 2021-04-09
- **Last Updated**: 2024-08-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-blog

#### 介绍

项目整体学习参考的 b 站视频：[SpringBoot开发一个小而美的个人博客](https://www.bilibili.com/video/BV1nE411r7TF)。在原视频的基础上做了一定的修改，项目整体架构采用前后分离。后台框架依然采用了Springboot，身份认证采用token。持久层改用了Mybatis，前端使用Vue框架。



#### 启动

1. 进入文件夹springboot-->src-->main-->resources-->application-dev.yml设置本地的数据库账号密码

2. 将mysql文件夹下的 vueblog.sql 放入数据库执行

3. 使用 idea 打开springboot文件夹。等待maven下载环境，安装好后启动 springboot项目

4. 进入vue文件夹，执行以下指令

```javascript
npm install

npm run dev
```

5. 在浏览器打开 http://localhost:8081/ ，即可访问项目
6. 管理员入口 http://localhost:8081/#/login



#### 注意

1. 博客中使用了许多图片，为了能够直接看到效果。我将所有关于图片加载的部分都写死了。如果想要自己更换图片，需要自行修改源码。
2. 后台登录账号 admin，登录密码 123456。可在数据库修改

3. 编辑博客内容界面存在bug，需要将内容先在typora编辑好，再复制粘贴到文本框中