高亮组件 vue_vue 开发个人博客

大体样子

web展示

H5

内容+代码高亮

开发个人博客的原因

能学习前端知识和实践，对自己开发过程中遇到的问题做纪录，或许还能给别人提供帮助。也佩服能坚持写博客的人，同时希望自己也能更快成长 ，所以动手做了这个网站。

用到的技术

前端

正好在学Vue vue + vue-router + axios + element ui框架的样式 + aos.css 动画 + less + media 媒体查询 自适应 Web+H5

包含技术点：

1. axios请求封装
2. aos动画的使用
3. 博客代码高亮highlight
4. 基本组件封装
5. 父子组件传值
6. 路由传参
7. 传参加密
8. 同界面路由变更回到顶部 watch()
9. 媒体查询@media
10. 图片懒加载

后端两份实现

1、 node.js

egg.js +mongoDB + redis 实现

包含技术点：

1. 安装egg，创建项目
2. 引入mongo 、redis （config/config.default.js）
3. extend框架扩展：统一返回 （code,msg,data）
4. middleware中间件：统一异常处理、Jwt自定义登陆拦截
5. 封装redis公共方法 service
6. 基本增删改查

2、Java

springboot + mysql + mybatis + redis

包含技术点：（这对后端开发其实没啥技术点）

1. springboot+mybatis 实现基本增删改查
2. redis工具类
3. aop规范控制台日志
4. 统一返回 （code,msg,data）
5. Dockerfile 编写

服务（部署Java）

阿里云服务器 centos8 + docker + dockerfile + nginx+ mysql

包含技术点：

1. centos8 安装 docker。
2. docker + mysql 文件挂载、远程连接。
3. docker + nginx 文件挂载、负载、反向。
4. docker化 nginx后，SSL证书的配置。
5. dockerfile 文件，实现项目打包镜像。

基本实现了一个简单的个人网页 :

大黄子的博客​www.dahuangzi.work