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…