Vuerify 完成！ Materialize-blog 单页模式，开！

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3232 天前的主题，其中的信息可能已经有所发展或是发生改变。

Vue 2.0 也已经发布一段时间了。曾经有过 windows 平台的开发经验，数据绑定用起来真是前所未有的畅快。没想到那么快，前端开发也迎来了数据绑定，不得不说我听到 Vue 之后激动了好一阵子。

那么，废话不多说，最近抽出点时间把自己的半年前写的博客系统， Materialize-blog 前端用 Vue 重新撸了一遍。

基本的界面并没有做太多的改变，框架还是用的 materializecss

更多说明请移步 github ，欢迎各位使用，刚刚撸完难免有一些 bug ，各位敬请爆 issue ，爆 PR

Demo forehalo's blog

虽然最近前端吵得火热，但是该用啥用啥，喜欢啥用啥。

截图为宽屏效果

Vue

绑定

屏效果

GitHub

28 条回复 • 2016-12-25 23:01:30 +08:00

shyling

2016-12-24 18:31:08 +08:00

shyling.com
我的也算是吧 0v0

loading

2016-12-24 18:31:09 +08:00 via Android

比我的 github 还慢……

aaronly

2016-12-24 18:34:02 +08:00

@loading 服务器在国外 cdn 也在国外 :(

jsq2627

2016-12-24 18:39:00 +08:00

楼主博客切页时似乎是在滑出动画结束后才发起的 http 请求。看了一下实际上请求很快，但是这样等动画完了才请求给人的感觉非常慢。

keller

2016-12-24 20:42:16 +08:00

应该用服务端渲染 seo 友好一些

kn007

2016-12-24 21:02:54 +08:00

全站 pjpx ，可以的。。各页面也很舒服

但就是访问太慢了，一直转圈。。。

我的也在国外，没这么慢啊。。。

https://kn007.net/

t123yh

2016-12-24 21:08:26 +08:00 via Android

@keller 有专门的服务器渲染工具，可以对搜索引擎进行服务器端渲染

sox

2016-12-24 21:14:57 +08:00

别用 Vue 数据绑定控制 body 之外的地方 😂

aaronly

2016-12-24 21:42:16 +08:00

@kn007 有那么慢吗，我移动校园无线网 3 秒之内首页加载完成，包括第一页文章

kn007

2016-12-24 21:43:44 +08:00

@aaronly 不知其他 V 友怎么样，我第一次加载差不多 20 秒。感觉太慢了。。。 100Mbps 电信光纤。

aaronly

2016-12-24 21:48:22 +08:00

@jsq2627 这个是考虑到了，但是因为是时间关系目前没有深入调整

aaronly

2016-12-24 21:52:17 +08:00

@kn007 我这边关闭缓存是 5 秒，开着缓存 2.5 秒。看来还是要考虑转移到国内。开了个腾讯云试了一下，速度还是可以的

aaronly

2016-12-24 22:03:25 +08:00

@sox 这个是因为我还在找控制 title 比较好的方式正在尝试 https://github.com/vuejs/vue-router/issues/112 里提到的方法绑定到 head 上确实是在玩火

aaronly

2016-12-24 22:28:11 +08:00

@t123yh
@keller

http://blogs.bing.com/webmaster/2013/03/21/search-engine-optimization-best-practices-for-ajax-urls
https://webmasters.googleblog.com/2015/10/deprecating-our-ajax-crawling-scheme.html

关于 ajax 的 seo 问题

kn007

2016-12-24 22:47:59 +08:00

@aaronly 浏览器 disable cache ，完全生无可恋

mingyun

2016-12-24 23:06:00 +08:00

laravel vue star+1

rootooroot

2016-12-24 23:12:22 +08:00

选中留言处鬼畜效果不错 /

yetone

2016-12-24 23:21:09 +08:00 via iPhone

MVVM 这种过时的东西…

aaronly

2016-12-24 23:34:26 +08:00

@yetone 那请教一下最先进的是什么

Remember

2016-12-24 23:52:42 +08:00

不如弄个 hexo 的主题什么的，毕竟现在流行静态啊

icylogic

2016-12-25 04:39:48 +08:00

我就在美帝。拉到底下转圈的时间确实有点长

yetone

2016-12-25 10:11:38 +08:00 via iPhone

@aaronly 单向数据流， like React, Elm, Cycle.js

hronro

2016-12-25 10:42:30 +08:00

前端的数据绑定早就有了吧，又不是 vue 带来的。。。

aaronly

2016-12-25 11:24:33 +08:00

@yetone React's one-way data flow (also called one-way binding) keeps everything modular and fast.
后两者鄙人水平不够, 只觉得这样用显得有点磨叽，不做其他评价。

aaronly

2016-12-25 11:28:36 +08:00

@hronro 我的说法有问题，抱歉。前端数据绑定不是 Vue 首创。但是 Vue 的绑定确实让我觉得用起来很舒服

xiamx

2016-12-25 14:42:15 +08:00

服务端渲染可以用 [SSR-Proxy]( https://github.com/xiamx/ssr-proxy)

smallpath

2016-12-25 16:46:09 +08:00

vue2+ssr https://smallpath.me

AlisaDestiny

2016-12-25 23:01:30 +08:00

看了你们的博客我真是自愧不如。
Orz
by the way .你们的界面是怎么设计的。都挺绚的。