https://github.com/jiangjiu/vue-leancloud-blog

Vue.js+Vuex+vue-router 我的单页应用博客
https://github.com/jiangjiu/vue-leancloud-blog

Last synced: 3 months ago
JSON representation

Vue.js+Vuex+vue-router 我的单页应用博客

• Host: GitHub
• URL: https://github.com/jiangjiu/vue-leancloud-blog
• Owner: jiangjiu
• Created: 2016-07-05T02:08:45.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-11-02T20:28:51.000Z (about 5 years ago)
• Last Synced: 2024-08-02T09:25:27.851Z (6 months ago)
• Language: JavaScript
• Homepage: http://jiangjiu.leanapp.cn
• Size: 8.17 MB
• Stars: 341
• Watchers: 14
• Forks: 72
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue - vue-leancloud-blog - leancloud-blog?style=social) - 一个前后端完全分离的单页应用 (Demo示例)
• awesome-github-vue - vue-leancloud-blog - 一个前后端完全分离的单页应用 (Demo示例)
• awesome-github-vue - vue-leancloud-blog - 一个前后端完全分离的单页应用 (Demo示例)
• awesome - vue-leancloud-blog - 一个前后端完全分离的单页应用 (Demo示例)

README

        
#  Vue.js+LeanCloud单页面博客

## 简介

一个前后端完全分离的单页应用  [线上地址点此查看](http://jiangjiu.leanapp.cn)

采用了之前写的 vue.js+LeanCloud（node.js） 的开发样板 [github地址点此查看](https://github.com/jiangjiu/vue-leancloud-boilerplate)

[线上动图如果不显示请点这里](http://o9xa0n831.bkt.clouddn.com/%E6%9C%AA%E5%91%BD%E5%90%8D.gif)

![](demo.gif)

### version 1.0 pre-a

- 回复

- 引用回复

### version 0.1.1

- 触屏延迟优化

### version 0.1

- 响应式布局

- 主页，关于，标签

- 过渡动画

- 文章显示markdown 和代码高亮

## 技术栈

### 前端

- [Vue.js](https://github.com/vuejs/vue)

- [vuex 状态管理](https://github.com/vuejs/vuex)

- [vue-router 路由](https://github.com/vuejs/vue-router)

- [vue-resource xhr请求](https://github.com/vuejs/vue-resource)

- [marked 语法解析](https://github.com/chjj/marked)

- [prismjs 代码高亮](http://prismjs.com/)

- [fastclick 解决移动端延迟问题](https://github.com/ftlabs/fastclick)

### 后端

- [node.js 服务端](https://github.com/nodejs/node)

- [express 框架](https://github.com/expressjs/express)

- [LeanCloud 数据存储](http://www.leancloud.com)

## 开发

```bash

git clone [email protected]:jiangjiu/vue-leancloud-blog.git

$ cd vue-leancloud-blog

$ npm install

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

$ lean up

// 另开一个 terminal

$ cd FE

$ npm install

// 启动前端项目，默认地址 http://localhost:8080

$ npm run dev

```

## 构建部署

```bash

// 在FE目录下  构建前端文件至 /public 文件夹

$ npm run build

// 根目录下 leancloud命令行部署 / 通过 github 部署

$ lean deploy / lean deploy -g

```

具体部署可参考[LeanCloud云引擎 Node.js 部署](https://leancloud.cn/docs/leanengine_webhosting_guide-node.html#部署)

## License

MIT