个人博客从搭建开发环境到部署上线

前台

---

预览地址：https://panbingwen.cn

预览效果：

• 首页

首页0

点击导航栏以上部分可以切换背景

首页1

• 动态

动态

• 留言

留言

• 关于

关于

• 文章详情

文章详情

后台管理系统

---

预览地址：https://manager.panbingwen.cn

预览效果：

• 登录

登录

• 用户管理

用户管理

• 留言管理

留言管理

• 评论管理

评论管理

• 文章管理

文章管理

• 写文章

写文章

• 网站信息管理

网站信息管理

• 关注我管理

关注我管理

• 轮播图管理

轮播图管理

• 默认头像管理

默认头像管理

• 友情链接管理

友情链接管理

• 开发历程管理

开发历程管理

接口文档

---

前台接口文档

后台接口文档

项目结构

---

• API

  
  
  API

• 前台

  
  
  前台

• 后台

  
  
  后台

数据库

---

数据库表

技术栈

---

• 后端

  Spring Boot , MyBatis , MyBatis Generator , Swagger2 , Maven , MySQL , Git , Redis

• 前端

  Vue , Vue Router , Vue CLI , Element UI , Vant , Nuxt , Axios , Node , npm , webpack , Sass

• 开发工具

  IntelliJ IDEA ， Navicat 15 for MySQL ，SQLyog Enterpris，WebStorm ， HBuilder X ， Photoshop CC

• 代码托管平台

  GitHub

• 部署

  云服务器CentOS 7 , 终端工具Xshell 6 , 传输工具Xftp 6 , 进程管理工具PM2 ， 反向代理和HTTP服务器Nginx

• 域名

  GoDaddy上购买的域名，因购买的是阿里云服务器，所以迁移到国内的域名服务商万网，在阿里云进行实名认证、解析、备案，购买和申请安全证书，最后在服务器上配置和部署

• 其他

  图片存储和短信服务都是在阿里云上开通

• 源码

  接口：https://github.com/pbw123/myblog-api.git
  前台：https://github.com/pbw123/myblog-client.git
  后台：https://github.com/pbw123/myblog-management.git

  关于我

  ---

  性别男，95后，是一位浪漫的现代主义诗人，号温酒居士，兼职写代码，爱诗歌，爱音乐，爱读书，爱旅游，爱学习，爱生活，爱赚钱，爱江山更爱美人。

  
  
  

  公众号.png