乐趣区

用-node-搭建个人博客

项目地址

这个项目是为了学习 node 而建的,从前端到后端一手包办。相对来说,还是有一定难度的,适合有一定编程基础的人进阶学习。

如果有问题,欢迎提 issues

注意,本项目的前后端代码都是放在一起的,前端代码放在 src 目录,后端代码放在 server 目录。

相关文档

  • 多个请求下 loading 的展示与关闭
  • Vue 实现前进刷新,后退不刷新的效果
  • Vue 页面权限控制和登陆验证
  • 用 node 搭建个人博客(一):代码热更新
  • 用 node 搭建个人博客(二):导出模块同时兼容 import 和 require
  • 用 node 搭建个人博客(三):token
  • 用 node 搭建个人博客(四):评论功能
  • 用 node 搭建个人博客(五):数据库

前端页面

  • 首页 (index)

    包含内容及标签子页面

  • 编辑 (editor)
  • 登陆 (login)
  • 管理 (manage)

使用的库、框架

前端

  • vue
  • vue-router
  • vuex
  • vue-markdown
  • iview
  • axios

后端

  • node
  • express
  • jsonwebtoken

数据库

  • mongodb

测试

  • mocha

使用

需要先下载 mongodb,建议按照 windows 安装教程一步步安装。

  • mongodb 教程一
  • mongodb 教程二

在安装完 mongodb 后,打开 mongod.exemongo.exe,然后克隆项目

git clone git@github.com:woai3c/node-blog.git

安装依赖

npm i

开发环境 (前端代码热更新,修改完即可查看效果,后端代码修改完需要重启服务)

npm run dev

生产环境 (打包并开启服务,打包过程有点长,需求等待)

npm run build

测试

npm run test

访问地址

http://localhost:8080/
退出移动版