入门级blog项目简介

一、项目描述：

• Node：这是一个入门级的小玩具，大佬轻喷
• 没有适配移动端，有时间慢慢做
• 从前台展示---->koa2后台--->Antd-pro后台管理，走了下流程
• 感谢@天明夜尽，提供的完整项目，我只是做了重构
• 项目线上演示地址：Ethan的blog

1、简介：

• 前台：听从好朋友们的建议，前台使用了React+TypeScript+Redux+antd进行的开发
• 后台：使用了koa2+MongoDB，这里不得不疯狂吐槽MongoDB，多表查询真的难受。尤其是习惯写sql的程序员，强烈不建议使用MongoDB
• 后台管理：使用了Ant Design Pro

2、开发环境

• node版本v10.15.3
• MongoDB版本v4.2.1

二、blog前台

• github地址： blog-react

1、项目展示

2、项目简介

• 使用create-react-app初始化创建项目，React版本v16.12.0
• React+TypeScript+Redux+antd
• react-app-rewired重写了webpack
• react-loadable实现懒加载
• react-redux和redux-thunk实现了事件以及异步处理

3、代码展示

三、koa2后台

• github地址：blog-koa

1、项目展示

• 首次登录注册：postman注册

2、项目简介

• routes 接口api
  • article.js //文章相关信息
  • category.js //文章分类相关
  • comment.js //评论相关
  • friendLinks.js //友情链接
  • project.js//项目相关
  • tag.js//标签
  • timeAxis.js//时间归档，目前没有使用，使用的是article的目录
  • user.js //用户相关
  • index.js//通过遍历读取routes目录下的js文件，加入到routes当中

3、代码展示

四、blog后台管理

• github地址：blog-react-admin

1、项目预览

• 

2、项目简介

• 使用Ant Design Pro初始化创建项目，详细介绍查看开始使用
• Node：运行项目之前，需先启动blog-koa项目
• highlight.js美化代码高亮显示
• marked处理markdown文本转化为h5代码

3、代码展示