本来不想推的，看到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新规范语法糖
• SegmentFault专栏：趁你还年轻，做个优秀的前端工程师
• 知乎专栏：趁你还年轻，做个优秀的前端工程师
• Github博客: 趁你还年轻233的个人博客
• 前端开发QQ群：660634678

• 微信公众号： 人兽鬼 / excellent_developers

  
  

努力成为优秀前端工程师！