1
本来不想推的,看到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/s...

期待和大家交流,共同进步,欢迎大家加入我创建的与前端开发密切相关的技术讨论小组:

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


趁你还年轻
4.1k 声望4.1k 粉丝