vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客

本来不想推的，看到github上有个项目很简单，都有300 star，推推看咯。
虽然这个项目很简单，但是还蛮有趣，用来入门vue2和nodejs以及mongodb再好不过了。
等这几天把公司手头的事情忙完，再把vuex的部分强化下。

基于vue2/vuex/vue-router/koa2/mongodb搭建的简易伪全栈博客（依赖vue-cli脚手架）

首页.png
博客.png 目录.png 归档.png 标签.png 文章详情.png

A simple fullstack blog

FrontEnd Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

BackEnd Build Setup

# open mongodb port 27017
mongod

# build data model in mongodb
node ./server/db-data.js

# get and splice complete data to frontend
node ./server/koa-midware.js

博客技术栈

• 前端
  • element-ui
  • vuex
  • vue-router
  • axios
• 中间件
  • koa
• 后端
  • mongodb

已完成列表

• 粒子动画
• 目录下钻
• 文章归档
• 标签统计
• markdown解析

未完成列表

• UI界面优化
• 路由过渡功能
• vuex管理优化
• md信息动态存储
• 文章详情支持图片
• 评论功能
• 评论管理
• 分享功能
• 浏览统计

项目地址：https://github.com/FrankKai/sfs-blog
欢迎大家加入我创建的SegmentFault技术圈:ES新规范语法糖
大前端学习交流群：660634678

期待和大家交流，共同进步！
努力成为优秀的大前端！