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 ?