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 1 month ago
JSON representation

blog-front @nuxt

• Host: GitHub
• URL: https://github.com/jkchao/blog-front
• Owner: jkchao
• Created: 2017-07-25T13:44:25.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-09T22:07:58.000Z (almost 2 years ago)
• Last Synced: 2024-04-15T08:10:45.780Z (7 months ago)
• Topics: axios, node, nuxt, nuxt-page-transitions, nuxtjs, ssr, vue, vue-blog, vue-demo, vue2, vuejs
• Language: Vue
• Homepage: http://jkchao.cn
• Size: 12.6 MB
• Stars: 313
• Watchers: 13
• Forks: 68
• Open Issues: 36
• Metadata Files:
  • Readme: README.md

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

```