Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jkchao/blog-front

blog-front @nuxt
https://github.com/jkchao/blog-front

axios node nuxt nuxt-page-transitions nuxtjs ssr vue vue-blog vue-demo vue2 vuejs

Last synced: about 2 months ago
JSON representation

blog-front @nuxt

Awesome Lists containing this project

README

        

# vue-blog (http://jkchao.cn)

[![Build Status](https://travis-ci.org/jkchao/blog-front.svg?branch=v2.0)](https://travis-ci.org/jkchao/blog-front)

CLIENT: [vue-blog](https://github.com/jkchao/vue-blog)

ADMIN: [vue-admin](https://github.com/jkchao/vue-admin)

SERVICE: [node-koa](https://github.com/jkchao/node-koa)

**注意**:此项目的后端接口为 RESTFul 版的接口,你可以 clone [blog-service](https://github.com/jkchao/blog-service/tree/master) master 分之,来启动此项目。

---

![](https://static.jkchao.cn/f3.png)

![](https://static.jkchao.cnf1.png)

![](https://static.jkchao.cnf4.png)

![](https://static.jkchao.cnf2.png)

## 主要插件

- NUXT + Vuex + Vue-router + Axios

- marked + highlight.js

- ~Disqus (科学上网)~


## TODO

- ~logo~

- ~HTTPS~

- ~抄个评论~

- ~网易云音乐~

- ~谷歌统计分析脚本~

- ~连接不上 Disqus 时,出现评论区空白~

- ~Disqus 国内~

- ~安卓 uc 浏览器无法点击头部~。

- ~加载优化~

- ~尾部信息优化~

- ~手机端 about 页面 点击微信图标的bug~

- ~错误页面~

- ~接入 one (会涉及版权问题,放弃)~

- ~图片懒加载~

- ~归档~

- ~过渡效果优化~

- ~tag lick-active~

- ~归档优化~

- ~支持 PWA~

- ~CDN 缓存~

- 文章详情页面,相关文章推荐

- 添加打赏功能

- RSS

- GraphQL

- Next.js

- TypeScript 重构

## Build Setup

``` bash
# install dependencies
npm install

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

# build for production
npm run build
npm start

```