用 Vue.js 造了个轮子静态博客的轮子，依赖 GitHub，无需本地生成 <(▰˘◡˘▰)>

[viko16]

<https://github.com/viko16/vue-ghpages-blog>

一只依赖 GitHub API 的静态博客，使用了 Vue.js 组件， webpack 打包

## Demo

<http://ukn.me/> <- 其实就是我自己的博客


## 食用方式
- 喜欢代码欢迎 Star
- 喜欢博文欢迎 Watch
- 也想自用的话也可以 Fork ，但请按照 README 上的说明修改


## 其他

- 目前只有列表页有缓存（ sessionStorage ），以免滥用 API & 还能加速访问呢
- 主要是参考了 [Vue.js 的官方示例]( https://github.com/vuejs/vue-hackernews)
- 好像没了，我果然没什么文采不适合写小广告.. (つω⊂)

[loading]

404

[viko16]

@loading 上面的链接我都戳了一次，似乎没有 404 呀

[viko16]

@loading 我明白了，爪机上不知为何 markdown 没解析了，然后我的链接都用尖括号包住了。。

您把链接后的半个尖括号去掉就好了 (つω⊂)

[Hello1995]

看起来挺 nice 的，不错。

PS:

http://ukn.me/ 这个是你的博客，上面你多了一个 >。

点进去你的博客我就想吐槽《纯数字域名》一文，所谓的“纯数字”就是 32 位的 IP 地址写成十进制…而平时常见的 IPv4 的写法是“点分十进制”。最后，你还混淆了 IP 地址和域名的概念。(也就是说那篇博文标题也是错的)

[Slienc7]

@Hello1995
不算混淆概念吧，只是通俗的以吸引读者而已，没必要怎么较真。 不过可以考虑加个""

[Slienc7]

@xgowex 翻到那个的贴子的 152 楼，我还加了几个~~

[viko16]

@Hello1995 @xgowex 感谢，

很好奇为什么在 Android 网页上 markdown 没有解析，

更加感谢你们指正了我的错误，现在修改过来了， Thank you

[jinzhe]

VUEJS 群： 240319632

[woailuosj]

我也想写个博客练习练习，来群吧！ 240319632

[shunia]

/src/setting/index.js:
```
config: {
repo: 'viko16/vue-ghpages-blog',
path: 'markdown',
brance: 'markdown'
}
```

brance -> branch

不够傻瓜,最好是把配置全部独立出来放到一个文件里,而且最好是放在根目录下

做的不错,顶楼主

[shunia]

另外有个想法,可以把样式文件独立出来,通过加载内容一样的原理从其他项目加载过来,达到动态换肤的目的.这样 fork 一个 blog,fork 一个 theme,改好了 blog 的配置之后,每次更新 theme 的文件,就能得到动态的皮肤了.
整天折腾 blog 的不就爱折腾皮肤么.

[ChiangDi]

帅呆了，我也要用这个了。

[Moker]

无刷新加载 是用了 vue 的双向数据绑定？

[viko16]

@shunia 谢谢指正，错字已改。

另外你这个想法，似乎 theme 也不止样式哦，还有 html 定制什么的，好像独立出来分层就有点多了，毕竟现在用着 vue.js 的 “单文件组件”
http://cn.vuejs.org/guide/application.html#单文件组件


@Moker ，是的，也用了 vue-router 做路由切换

[lijinma]

SEO 会有问题吗。嘿嘿

[viko16]

@lijinma
单页应用好像都会有问题的，不过好像 Google 有 sitemap 的规范可以利用，我有空研究下

[Moker]

@viko16 前几天看了下 。。。发现还是没弄明白。。。。

[viko16]

@Moker

哈哈， vue-router 结合 vue component 挺好用的

可以参考 https://github.com/viko16/vue-ghpages-blog/blob/gh-pages/src/main.js#L22-L34

[doublleft]

不错 一会儿整上 http://qinshou.me

[Moker]

@viko16 start 了 改天有空看看