使用Vue、React和Koa开发我的博客

前言

实习了大半年，又临近毕业，一直想作一个属于本身的博客。因而就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中：

• 后端管理使用Vue开发
• 前端页面使用React服务端渲染框架nextjs
• 接口服务使用Koa2 + mongodb + mongoose（使用nodemailer当接口发生500时向我发送邮件通知）

项目地址是点我访问项目地址，（不要脸地求star）。为了方便体验（小弟不才，大佬们轻虐），能够点击访问后端管理系统，在注册用户后，便可登陆体验，同时也能够发布文章，而后在前端页面就能够看到发布的文章。(目前（2018-02-28）未备案，就简单经过ip访问便可)

效果预览

1 后端管理页面

后端管理页面使用了vue、vuex、sass以及axios，其中模仿ElementUI的样式开发了dialog、loading、confirm、notofication、messgae等等组件，（感受本身对vue组件的开发姿式又稍微深刻了一点点，毕竟学无止境）。如下为部分页面截图：

• 登陆

 

• 我的中心

 

• 文章管理

 

• 新建文章

 

• ECharts结合

 

2 前端页面渲染

借此机会想学习一下React，因而前端页面使用了React服务端渲染框架nextjs，并使用了Redux、axios以及koa(自定义服务所用)。前端页面目前比较简单，主要就是文章的读取和渲染。如下为截图：

• 首页

 

• 文章详情

 

结束语

这一次开发我的博客，学习了不少，像是Vue组件开发、文件上传 、上传到七牛云以及react和redux的使用，再到使用koa2、mongodb写接口，而后再到pm2守护进程和配置nginx等等。总之，学习到了不少，接下来我会整理思路，把这些总结总结分享出来，欢迎指正批评。
Github地址是这个elpase，求start，嘻嘻...