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) + koa + mongo 写blog的一次小结》

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

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

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

主要技术栈

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

AMDIN

相关截图

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

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

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

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

技术栈

  • 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 ?
    原文作者:三毛
    原文地址: https://segmentfault.com/a/1190000011418518
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞