一个前端新人的Vue个人博客

经过这一段时间对Vue的学习，于是萌生了要开发一个个人博客的想法，经过差不多半个月断断续续的开发，也算是让项目有了能上线的样子，休息了一阵子，今天就来把我这个新人的第一个上线项目分享出来吧，有很多地方自觉写得不好，希望多多拍砖。

这是线上地址： 我的个人博客

这是项目地址： vue部分 ，express server部分 （欢迎star，issure）

开发流程：

1. admin：后台管理的页面，基本用element-ui构筑的页面，目前仅实现了文章发布，文章列表，以及文章修改/删除，功能还不够全面，有待添加。

2. blog: 博客的整个展示的页面，用Vue做的一个自适应的单页面应用，主要用到了vue，vue-router，axios等（没有使用vuex,觉得没什么必要）。

3. server: 博客的整个后端api接口，使用express框架，mongoose做数据库查询，基本都是一些基础的增删改查（主要自己的小项目也没什么复杂的）。

实际效果

主页面效果

移动端效果

后端页面丑爆就不放出来丢人了，这应该是我这个个人博客的第一版，这段时间暂时就先这样，算是一个基本功能的实现，以及基本页面的展示，等再经过一段时间的学习，我会对这个项目进行重构，并为其添加相关功能。

总结

这个项目是学习完趁热打铁上手搞出来的，在开发的过程中也发现了自己各方面的不成熟，总是会有考虑不周到的地方，并且服务器配置方面也遇到了一些奇怪的东西，总的来说一路走下来有顺的地方，也有难的时候。只是第一阶段的完成，还需继续努力。