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

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

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

體驗地址： jkchao.cn

---

nuxt(vue) + koa + mongo 寫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 ?