本來不想推的，看到github上有個項(xiàng)目很簡單，都有300 star，推推看咯。
雖然這個項(xiàng)目很簡單，但是還蠻有趣，用來入門vue2和nodejs以及mongodb再好不過了。
等這幾天把公司手頭的事情忙完，再把vuex的部分強(qiáng)化下。

基于vue2/vuex/vue-router/koa2/mongodb搭建的簡易偽全棧博客（依賴vue-cli腳手架）

首頁.png

博客.png

目錄.png

歸檔.png

標(biāo)簽.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

博客技術(shù)棧

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

已完成列表

• 粒子動畫
• 目錄下鉆
• 文章歸檔
• 標(biāo)簽統(tǒng)計
• markdown解析

未完成列表

• UI界面優(yōu)化
• 路由過渡功能
• vuex管理優(yōu)化
• md信息動態(tài)存儲
• 文章詳情支持圖片
• 評論功能
• 評論管理
• 分享功能
• 瀏覽統(tǒng)計

項(xiàng)目地址：https://github.com/FrankKai/sfs-blog

期待和大家交流，共同進(jìn)步，歡迎大家加入我創(chuàng)建的與前端開發(fā)密切相關(guān)的技術(shù)討論小組：

• SegmentFault技術(shù)圈:ES新規(guī)范語法糖
• SegmentFault專欄：趁你還年輕，做個優(yōu)秀的前端工程師
• 知乎專欄：趁你還年輕，做個優(yōu)秀的前端工程師
• Github博客: 趁你還年輕233的個人博客
• 前端開發(fā)QQ群：660634678

• 微信公眾號： 人獸鬼 / excellent_developers

  
  

努力成為優(yōu)秀前端工程師！