nuxt(vue) + koa + mongo 寫blog的一次小結

兩個多月的空餘時間裏，博客差很少搭完。

• 感謝surmon.me，此 blog 纔會誕生。
• 感謝七牛雲提供資源存儲。
• 感謝騰訊雲 提供 SSL 證書。
• 感謝各類開源。

體驗地址： https://jkchao.cn

---

對 BLOG 的一次小結

CLIENT: vue-blog

ADMIN: vue-admin

SERVICE: node-koa

---

CLIENT

相關截圖

主要技術棧

• nuxt (vue)
• vuex + vue-router + axios
• marked + highlight
• ...

AMDIN

相關截圖

技術棧

• vue
• vuex + vue-router + axios + Element
• 權限部分，登陸時接受服務器返回的 token，儲存在本地， 使用 axios 攔截，以及 vue-router 路由元信息部分攔截，會檢查 token 以及是否過時。
• markdown 使用插件 vue-simplemde
• 使用 element-ui 上傳組件配合七牛。
• ...

SERVER

主要技術棧

• koa2
• 數據庫 mongo
• 權限 jwt
• ...

node 版本 6.x+，使用前，請安裝mongodb。

發佈

• 完成項目後，將發佈到本身服務器上，先確保已安裝node, mongodb
• pm2 項目管理
• nginx 反向代理

TODO

• 加入網易雲音樂
• 使用 redis 對一部分數據進行緩存處理
• admin 個人面板統計優化
• Google Analytics 統計
• electron 桌面應用
• weex ?