vue-blog

Vue.js+Node.js+Mongodb+Express的前后端分离的个人博客

主要技术构成

前端

• Vue.js , vue-router, axios
• UI使用element-ui, 借鉴尤雨溪大佬博客的风格和hexo的风格，后期会改.
• 使用sessionStorage保存用户的登录状态，使用router.beforeEach注册全局的before钩子实现前端的登录拦截，后端的拦截待续

后端

• express框架，数据库使用mongodb，
• 插件使用： vue-simplemde, highlight.js, simplemde, 通过以上插件实现markdown编辑器和代码的高亮

待续

• 后台的登录拦截
• 评论功能
• 多人应用博客
• 页数
• 响应式开发和手机上的开发

运行方式

 npm install
 打开本地的数据库
 npm run dev
 打开服务端：
 cd server
 node app.js

访问方式

• 访问主页： localhost:8080/home
• 登录密码： username：admin， password：admin

更新日志

1. 2017/9/2      vueBlog1.0.0基础版
2. 2017/9/8      vueBlog1.0.1 改进了以下几个地方：

• 当访问localhost:8080时，页面会直接重定向到localhost:8080/home。
• 引入了normalize.css来消除不同的浏览器因自身默认的样式带来的差异。
• 使用媒介查询@media，实现简单的响应式。

3. 2019/1/29      vueBlog1.0.2

• 增加了注册功能