周末撸了个博客送给大家后台还有草稿箱功能，写完不发表的文章可以保存到草稿箱上，还有回收站功能，删除的文章可以在回收站找到

技术栈

客户端：vue

服务端：springboot+maven+jpa+docker+shell

我的博客地址：饭谈编程

目前已经部署到腾讯云上，用docker管理，可以直接访问了

效果图

看看这好看的首页

pc端首页

文章页面极简主义不错

pc端文章

支持评论

评论页面

为了阻止恶意刷，还要带拼图才可以

分类页面，好看

pc端分类页面

归档页面，时间线是我喜欢的

pc端归档页面

同时还提供了后台

登陆页面

后台还记录了系统日志

pc端后台页面

发篇文章上传封面图，还支持截图

随时随地进行文章管理

还有n多功能

后台还有草稿箱功能，写完不发表的文章可以保存到草稿箱上，还有回收站功能，删除的文章可以在回收站找到，很强大的博客网站。

博客目前实现的功能

博客后台管理实现功能

Java后端结构

后端结构

超级方便改，拿到源码想怎么改就怎么改，一个博客的后端就应该这么轻松改。

如何起服

看看Dockerfile

FROM maven:3.5-jdk-8
RUN ln -sf /usr/share/zoneinfo/Asia/Shanghai  /etc/localtime

看看docker-compose

version: '3'
services:
  myblog:
    container_name: myblog
    environment:
      - TZ=Asia/Shanghai
      - JAVA_OPTS=-XX:MetaspaceSize=128m -XX:MaxMetaspaceSize=128m -Xms128m -Xmx128m -Xmn128m -Xss256k -XX:SurvivorRatio=8 -XX:+UseConcMarkSweepGC
    privileged: true
    restart: always
    build: .
    working_dir: /myblog
    volumes:
      - .:/myblog
      - ~/.m2:/root/.m2
    expose:
      - "8088"
    command: mvn clean spring-boot:run -Dspring-boot.run.profiles=docker
    networks:
      - default
      - nginx_net
networks:
  nginx_net:
    external: true

看看我的shell脚本

#!/bin/sh

Container="myblog"

case "$1" in
build)
  sudo rm -rf target
  sudo cp ./conf.d/myblog.conf /home/ubuntu/proj/nginx-center/conf.d/myblog.conf
  sudo cp -r ../myblog-front/dist /home/ubuntu/proj/nginx-center/html/myblog-front
  ;;
start)
  nohup sudo docker-compose up >myblog.log 2>&1 &
  tail -f myblog.log
  ;;
stop)
  sudo docker-compose down
  ;;
login)
  docker exec -it $Container /bin/bash
  ;;
info)
  docker ps -a -f name=$Container
  ;;
port)
  docker port $Container
  ;;
*)
  echo "Usage: build|run|init[chmod,conf]|start|stop|remove|login|info|port"
  exit 3
  ;;
esac

如果是在idea上，则直接导入工程，然后起服即可。

如果想用docker容器，则流程如下：

bash ./ctrl.sh build 该步骤是将客户端代码copy到指定路径
bash ./ctrl.sh start 起服
bash ./ctrl.sh stop 关服

记录魔改的新路历程

部署后访问发现

看后台日志

猜测是不允许直接路由访问了，一开始看了后端日志，发现没有日志打印，可以初步认为不是后端拦截导致的，因而将问题归于vue的路由，然后用关键词：vue 部署后无法直接回车键访问查了下，虽然找到部分解答，但是无法修复，就这样搞了一上午，下午和女朋友出去唱了个k，然后就想通了，应该是nginx的路由问题，回来在nginx路由上加了处理