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 ?