这个项目是为了学习 node 而建的，从前端到后端一手包办。相对来说，还是有一定难度的，适合有一定编程基础的人进阶学习。
如果有问题，欢迎提 issues
注意，本项目的前后端代码都是放在一起的，前端代码放在 src 目录，后端代码放在 server 目录。
在线预览
由于服务器网速原因，加载时间较久
相关文档
- 多个请求下 loading 的展示与关闭
- Vue 实现前进刷新，后退不刷新的效果
- Vue 页面权限控制和登陆验证
- 用 node 搭建个人博客（一）：代码热更新
- 用 node 搭建个人博客（二）：导出模块同时兼容 import 和 require
- 用 node 搭建个人博客（三）：token
- 用 node 搭建个人博客（四）：评论功能
- 用 node 搭建个人博客（五）：数据库
- 阿里云服务器部署个人网站
- 性能优化--开启 gzip 压缩
前端页面
- 首页(index)包含内容及标签子页面
- 编辑(editor)
- 登陆(login)
- 管理(manage)
使用的库、框架
前端
- vue
- vue-router
- vuex
- vue-markdown
- iview
- axios
后端
- node
- express
- jsonwebtoken
数据库
- mongodb
测试
- mocha
使用
注意
- 登陆入口在页面脚部的 Copyright ©2019 woai3c
- 博客内容、评论使用的都是
markdown语法
需要先下载 mongodb，建议按照windows 安装教程一步步安装。
- mongodb 教程一
- mongodb 教程二
在安装完 mongodb 后，克隆项目。
代码语言：javascript复制git clone https://github.com/woai3c/node-blog.git在运行前还得进行一些准备工作：
因为没有注册功能，所以在使用前需要先把用户信息添加到数据库。
打开 mongod.exe，再打开 mongo.exe，在 mongo.exe 打开的命令行进行如下操作：
创建数据库
代码语言：javascript复制use blog创建 user 集合，用来保存用户信息
代码语言：javascript复制db.createCollection('user')添加用户信息
代码语言：javascript复制db.user.insert({
user: 'admin', // 用户名 随意填写
password: 'admin', // 密码 随意填写
visits: 0, // 博客访问次数 每次刷新网站 自增1
token: '', // 用户登录创建 token 后，保存在这
})接下来就可以开始运行项目了。
安装依赖
代码语言：javascript复制npm i开发环境（前端代码热更新，修改完即可查看效果，后端代码修改完需要重启服务）
代码语言：javascript复制npm run dev生产环境 （打包并开启服务，打包过程有点长，需要等待）
代码语言：javascript复制npm run build测试
代码语言：javascript复制npm run test访问地址
代码语言：javascript复制http://localhost:8080/
