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

阅读 2488
收藏 262
2017-07-17
原文链接:github.com

Build Status License

Essays

English Doc

演示站

Eaasys 是一个轻量级的博客应用

Essays 在3.0.0之前的版本叫VueBlog,由于重名率太高,后改名为Essays

技术栈

  • 前端:Nuxt.js + Vuex
  • 后端: Mongoose + Koa

功能特性

  • 支持服务端渲染
  • PWA渐进式web应用
  • 轻量级Markdown编辑器
  • 支持标签、归档、搜索和草稿箱等功能

本地运行

安装MongoDB数据库和Node.js环境。

# install dependencies
npm install # or yarn

# serve in dev mode, with hot reload at http://127.0.0.1:3000
npm run dev

# build for production
npm run build

# serve in production mode
npm start

注意: 不要使用http://localhost:3000访问,而是用http://127.0.0.1:3000

全局配置

全局配置文件/server/config/index.js

默认用户名:q,默认密码:q

export default {
  // 初始化管理员信息,后台可以修改
  user: {
    role: 'superAdmin',
    username: 'q',
    password: 'q',
    email: 'qq22337383@gmail.com',
    nickname: 'Essays',
    motto: 'Never too old to learn'
  },
  jwt: {
    secret: 'vueblog'
  },
  // 数据库配置,默认即可
  mongodb: {
    host: '127.0.0.1',
    database: 'vueblog',
    port: 27017,
    username: '',
    password: ''
  },
  // 可选,评论功能需要配置github登录的密钥
  githubConfig: {
    githubClient: '',
    githubSecret: '',
    scope: 'user'
  },
  // 可选,评论通知的SMTP邮箱配置,目前只支持qq邮箱
  emailConfig: {
    user: '',
    pass: ''
  },
  app: {
    domain: '', // 可选,线上域名,比如https://www.86886.wang
    host: '127.0.0.1',
    port: 3000,
    routerBaseApi: 'api'
  }
}

线上部署

如果需要部署到线上看下效果,可以参考这里Nuxt项目自动化部署

如果感觉自动化部署太麻烦,可以简单部署上线

# install dependencies
npm install # or yarn

# build for production
npm run build

# serve in production mode
pm2 start npm --name "essays" -- start

该项目仅供学习交流,不建议用于线上

开源协议

GPL-3.0

评论

查看更多 >