基于vue.js和node.js支持服务端渲染的开源博客系统

基于vue.js和node.js支持服务端渲染的开源博客系统

JavaScript Vue.js相关

访问GitHub主页

共895Star

详细介绍

Build Status License

VueBlog v2

中文文档

VueBlog is a lightweight blog application for note-taking Live Demo

FrontEnd demo

BackendEnd demo

Technology stack

  • FrontEnd: Nuxt.js + Vuex
  • BackEnd: Mongoose + Koa

Features

  • Server Side Rendering.
  • Progressive Web App.
  • A lightweight markdown editor base Vue.js.
  • Support tag management and archive management.
  • Free editing of private notes and open notes.

Build Setup

First you should install MongoDB and Node.js, open database service

# install dependencies
npm install # or yarn

# serve in dev mode, with hot reload at localhost:3000
npm run dev

# build for production
npm run build

# serve in production mode
npm start

Global config

Config file is server/config/index.js, default username：q, default password: q

export default {
  user: {
    role: 'superAdmin',
    username: 'q',
    password: 'q',
    email: 'qq22337383@gmail.com',
    nickname: 'VueBlog',
    motto: 'Never too old to learn',
    avatar: 'avatar.png'
  },
  jwt: {
    secret: 'vueblog'
  },
  mongodb: {
    host: '127.0.0.1',
    database: 'vueblog',
    port: 27017,
    username: '',
    password: ''
  },
  production: {
    host: '198.13.32.165',
    domain: 'https://vueblog.86886.wang'
  },
  app: {
    host: '127.0.0.1',
    port: 3000,
    routerBaseApi: '/api'
  }
}

License

GPL-3.0

推荐源码