使用Vue、React和Koa開發我的博客

前言

實習了大半年，又臨近畢業，一直想作一個屬於本身的博客。因而就用Vue、React和Koa開發了一個服務端渲染的博客系統。其中：

• 後端管理使用Vue開發
• 前端頁面使用React服務端渲染框架nextjs
• 接口服務使用Koa2 + mongodb + mongoose（使用nodemailer當接口發生500時向我發送郵件通知）

項目地址是點我訪問項目地址，（不要臉地求star）。爲了方便體驗（小弟不才，大佬們輕虐），能夠點擊訪問後端管理系統，在註冊用戶後，便可登陸體驗，同時也能夠發佈文章，而後在前端頁面就能夠看到發佈的文章。(目前（2018-02-28）未備案，就簡單經過ip訪問便可)

效果預覽

1 後端管理頁面

後端管理頁面使用了vue、vuex、sass以及axios，其中模仿ElementUI的樣式開發了dialog、loading、confirm、notofication、messgae等等組件，（感受本身對vue組件的開發姿式又稍微深刻了一點點，畢竟學無止境）。如下爲部分頁面截圖：

• 登陸

 

• 我的中心

 

• 文章管理

 

• 新建文章

 

• ECharts結合

 

2 前端頁面渲染

藉此機會想學習一下React，因而前端頁面使用了React服務端渲染框架nextjs，並使用了Redux、axios以及koa(自定義服務所用)。前端頁面目前比較簡單，主要就是文章的讀取和渲染。如下爲截圖：

• 首頁

 

• 文章詳情

 

結束語

這一次開發我的博客，學習了不少，像是Vue組件開發、文件上傳 、上傳到七牛雲以及react和redux的使用，再到使用koa2、mongodb寫接口，而後再到pm2守護進程和配置nginx等等。總之，學習到了不少，接下來我會整理思路，把這些總結總結分享出來，歡迎指正批評。
Github地址是這個elpase，求start，嘻嘻...