react + node + express + ant + mongodb 的简洁兼时尚的博客网站

前言

此项目是用于构建博客网站的，由三部分组成，包含前台展现、管理后台和后端。

此项目是基于 react + node + express + ant + mongodb 的，项目已经开源，项目地址在 github 上，喜欢的，欢迎给个 star 。

项目地址：

前台展现: https://github.com/biaochenxuying/blog-react 管理后台：https://github.com/biaochenxuying/blog-react-admin 后端：https://github.com/biaochenxuying/blog-node

1. 效果图

1.1 前台展现

效果图：

• 移动端适配

• pc 端

  

前台展现目前只支持 pc 端。

1.2 管理后台

管理后台是在蚂蚁金服用户开源的 ANT DESIGN PRO 基础上进行开发的。

2. 体验地址

• 网站首页：http://biaochenxuying.cn:2019
• 管理后台：https://preview.pro.ant.design/user/login

3. 计划

此次是一个完整的全栈式开发，只要部署了这三个项目的代码，是彻底能够搭建好博客网站的。

做为一个后端的小白，在此次开发中，小汪也遇到了不少问题。

日后的时间里，我会就这三个项目，推出相应的三篇文章教程或者说明和踩到的坑，敬请期待。

4. 收获与感触

学而不用，基本等于没学，因此为了有 react 相关的技术栈的实战经验，因此用了 react ，并且后端技术 node.js 和 mongodb 也是这一个多月里现学现用的，因此项目中确定还有不少我不知道的实用技巧，若是写的很差的地方，请你们指出。

网站前端部分若是用 vue 相关技术栈来完成的话，会更好更快，由于本人专长的是 vue 相关的技术栈。

由于最近一直在作本身的我的博客网站，因此很久没更新技术文章了；并且是利用业余时间作的，因此通过差很少两个月的搬砖，如今网站终于都上线了。

开发网站的这段时间里，天天晚上几乎都搬砖到接近 11 点，周末的时间大多也在搬砖，今晚写完这篇文章，也快 12 点了，搬砖不易啊，喜欢或者以为不错的，欢迎到 github 上给个 star，谢谢。

5. 文档教程

项目地址：

前台展现: https://github.com/biaochenxuying/blog-react

管理后台：https://github.com/biaochenxuying/blog-react-admin

后端：https://github.com/biaochenxuying/blog-node

blog：https://github.com/biaochenxuying/blog

本博客系统的系列文章：

• 1. react + node + express + ant + mongodb 的简洁兼时尚的博客网站
• 2. react + Ant Design + 支持 markdown 的 blog-react 项目文档说明
• 3. 基于 node + express + mongodb 的 blog-node 项目文档说明
• 4. 服务器小白的我,是如何将node+mongodb项目部署在服务器上并进行性能优化的

vue 版请看这里：基于 Vue + TypeScript + Element 的 blog-vue-typescript 前台展现: https://github.com/biaochenxuying/blog-vue-typescript

最后

github.com/biaochenxuy…