nuxt(vue) + koa + mongo 写blog的一次小结

• 感谢 surmon.me，此 blog 才会诞生。
• 感谢 七牛云提供资源存储。
• 感谢 腾讯云 提供 SSL 证书。
• 感谢各种开源。

体验地址： https://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 ?