The zero-based personal technology blog

Daniel, do not spray!

Vue.js + LeanCloud single page blog

Brief introduction

A completely separate front and rear ends of the single-page application online address Click here to view

version 1.0

• Responsive layout

• Home, About, label

• Transition animation

• Article display markdown and code highlighting

Technology stack

front end

• Vue.js

• vuex state management

• vue-router route

• marked parsing

rear end

• node.js server

• express Framework

• LeanCloud data storage

Develop

git clone https://github.com/cleartime/cleartime.git
$ cd cleartime
$ npm install

// 启动服务器端, 默认地址 http://localhost:3000
$ lean up

// 另开一个 terminal
$ cd public/blog
$ npm install
// 启动前端项目，默认地址 http://localhost:7000
$ npm run dev

Build deployment

// 在bolg目录下  构建前端文件至 /build 文件夹
$ npm run build

// 根目录下 leancloud命令行部署 / 通过 github 部署
$ lean deploy / lean deploy -g

Specific arrangements may refer LeanCloud deploy Node.js cloud engine

The last star welcome

License

WITH