前言
此專案是用於構建部落格網站的，由三部分組成，包含前臺展示、管理後臺和後端。
此專案是基於 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. 體驗地址
3. 計劃
這次是一個完整的全棧式開發，只要部署了這三個專案的程式碼，是完全可以搭建好部落格網站的。
作為一個後端的小白，在這次開發中，小汪也遇到了很多問題。
往後的時間裡，我會就這三個專案，推出相應的三篇文章教程或者說明和踩到的坑，敬請期待。
4. 收穫與感觸
學而不用，基本等於沒學，所以為了有 react 相關的技術棧的實戰經驗，所以用了 react ，而且後端技術 node.js 和 mongodb 也是這一個多月裡現學現用的，所以專案中肯定還有很多我不知道的實用技巧，如果寫的不好的地方，請大家指出。
網站前端部分如果用 vue 相關技術棧來完成的話，會更好更快，因為本人專長的是 vue 相關的技術棧。
因為最近一直在做自己的個人部落格網站，所以好久沒更新技術文章了；而且是利用業餘時間做的，所以經過差不多兩個月的搬磚，現在網站終於都上線了。
開發網站的這段時間裡，每天晚上幾乎都搬磚到接近 11 點，週末的時間大多也在搬磚，今晚寫完這篇文章，也快 12 點了，搬磚不易啊，喜歡或者覺得不錯的，歡迎到 github 上給個 star，謝謝。
5. 文件教程
專案地址：
本部落格系統的系列文章：
vue 版請看這裡：基於 Vue + TypeScript + Element 的 blog-vue-typescript 前臺展示: https://github.com/biaochenxuying/blog-vue-typescript
最後
對 全棧開發 有興趣的朋友可以掃下方二維碼關注我的公眾號，我會不定期更新有價值的內容。
微信公眾號：BiaoChenXuYing 分享 前端、後端開發等相關的技術文章，熱點資源，全棧程式設計師的成長之路。
關注公眾號並回復 福利 便免費送你視訊資源，絕對乾貨。
福利詳情請點選： 免費資源分享--Python、Java、Linux、Go、node、vue、react、javaScript
