前言
工作有些年头了,多多少少也掌握了一点点前后端技术,一直想做一个实实在在的东西出来。一是想趁此机会把自己掌握的所有技术都梳理和组织起来,二是检验一下自己的真是实力如何。
自己在本地做了一个个人博客,想把很多功能都糅杂进去,目的还是自我实现和娱乐为主吧,慢慢进行。
一、本地文件组成
nginx:D:\nginx-1.14.2
前端:Lindaren_beauty:D:\Projects\Lindaren_beauty
后端:Lindaren:D:\Projects\Lindaren_blog\Lindaren
二、本地启动流程
2.1 启动nginx
因为是window系统,所以安装的是windows的nginx
cmd 进入nginx目录,执行命令:
start nginx
2.2 启动前端
git 进入项目目录,执行命令:
npm run dev
访问页面:
由于开启了nginx,而且nginx中已经映射好了端口,所以也可以去掉8080直接访问:
2.3 启动后端
后端比较直接,本地的话直接使用 idea 启动即可
2.4 动态重载配置文件
如果修改了配置文件,可以直接执行以下命令进行重载:
nginx -s reload
2.5 停止nginx
有序的停止nginx,需要执行以下命令:
nginx -s quit
三、已经完成的功能
3.1 登录注册页
3.2 博客首页
3.3 编辑发布博文
3.4 博文展示
http://localhost/#/showBlog
目前存在的问题
- markdown 图片大小无法控制
- 代码的风格不太好看,不知如何控制