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