1、项目技术栈

• vue
• axios
• css
• js

2、项目结构

• config中可以修改后端请求地址及端口
• api封装了后端接口
• components中包含了各种业务页面
• router中是页面路由的配置
• static中包含了多种静态文件

3、页面截图

PS：样式是参考了一位大神的样式，私下给他说明了。

• 博客访问首页，鼠标放到左侧背景图片上，图片会快速滚动，还是比较炫酷的，右侧展示了文章的列表。
  
• 点击文章，进入到内容页，可以展示各种样式，如下图所示，具体样式可在后台管理系统编辑。
  
• 点击标签栏，展示后台配置好的标签种类
  
• 点击关于
• 点击友链
  
• 点击开源
  

4、如何安装环境，以及部署

• 详见统一博客，vue项目安装及部署：https://blog.****.net/u012888052/article/details/88377216

---

以上，源代码地址：

vue博客前台：https://blog.****.net/u012888052/article/details/95021871

源码获取，加QQ：820155406，或者加QQ群：56406336

java后台项目讲解地址：https://blog.****.net/u012888052/article/details/95024099

源码获取，加QQ：820155406，或者加QQ群：56406336

vue管理系统讲解地址：https://blog.****.net/u012888052/article/details/95020614

源码获取，加QQ：820155406，或者加QQ群：56406336

---

作者：Happy王子乐

QQ：820155406