Kael —— 一个仿 Medium 和 Nexus 的 Hexo 主题(有彩蛋）

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

Feature:
- Multi Level Push Menu ，多层级的弹出 Push 菜单
- Archive/Tags/Categoies Instant Search，在 Archive 当中你可以搜索标题的关键字，并且结果实时显示
- Pjax with Progress Bar，Pjax 使得HTTP的请求次数变少，并且不会刷新整个界面，当 Ajax 载入新界面时加入内容淡入效果，配合 Progress Bar 实际上使整个 Blog App 化了。
- Inline Comment，就像 Medium 一样每一个段落/图片/引用..etc 都提供一个独立的评论框。

Preview:

彩蛋：
当你第一次载入或重新刷新网站，按顺序按下 Q，W，E，R 激活彩蛋。假设你不会玩 Dota，那这个彩蛋的作用就是可以让这个主题叫做的 Kael（卡尔）。

Github： https://github.com/yuche/hexo-theme-kael
定制说明： http://blog.yuche.me/introducing-kael-customization/

假设你只想实现 Medium 一样用多说实现每行都有独立评论框，可以参考这篇博文：
http://blog.yuche.me/mutilple-threads-duoshuo/

载入

假设

界面

16 条回复 • 2014-05-24 21:31:16 +08:00

ChanneW

2014-05-23 22:12:17 +08:00

交互性挺好。
我还是喜欢更简洁一点的。

ch3x

2014-05-23 23:42:25 +08:00

@ChanneW
你把顶部的 header 禁用掉能按的按钮就没几个了

ihuguowei

2014-05-24 00:14:26 +08:00

有点小bug，菜单切换的时候，小箭头图标会显示出来。

ch3x

2014-05-24 00:35:05 +08:00

@ihuguowei
恩，谢谢。
回家去修复它

mortal

2014-05-24 00:37:48 +08:00

手残党表示 D1 的时候自己写过改键，D2 不支持了就再也没有玩过这枚高富帅……

a591826944

2014-05-24 00:37:51 +08:00

chrome 居然都有点卡。。看来你那个滚动监听。。做的事情太多了啊。。。

a591826944

2014-05-24 00:38:28 +08:00

另外。。导航里面的 github 木有链接？

url

2014-05-24 00:55:24 +08:00 via Android

uc浏览器，无法滑动界面

alay9999

2014-05-24 01:12:44 +08:00

在致谢按钮上疯狂划过 N 次，你肯已慢慢的看动画飞一会

crs0910

2014-05-24 10:38:43 +08:00

Q E E 按不出火人，居然要 E E Q 才行。不开心了。

Pete

2014-05-24 13:04:42 +08:00

看不出来你说的评论框效果是啥 ==

ch3x

2014-05-24 14:12:15 +08:00

@a591826944
性能的确很差，不过我09年的 macbook 也没问题我想大部分机器都没事把 - -。我也不知道 JavaScript 怎么能做到浮点数精确，今晚我重新写一次实现吧，精简一下代码。GitHub 确实我没有做链接。等下补上了。

@url
我不知道 UC 浏览器是什么的壳，如果你出现了 bug，有可能是你的浏览器不支持 translate3d 或者 pushstate。

@alay9999
那是一个 jQuery 的 hover() 函数实现的，你出现这样的情况可能是你移动一下按钮就移走，这样动画效果还没完全出来就关闭了。我本来是想着要点击的按钮太多了不好。这样的话那我还是把那个按钮做成 click 吧。

@Pete
你去看一下 Medium 是怎么回事就知道了。 https://medium.com/life-learning/2a1841f1335d
@crs0910

@crs0910
火人是 QEE 吗？我很少玩火卡，从 gamepedia 上看是 EEQ 啊。

alay9999

2014-05-24 14:39:59 +08:00

@ch3x JQuery hover 激活动画没有问题，但是要加一个判断，当前动画未完成时不接受新的激发。

否则由于动画时间的关系就造成了连续击发积累大量动画动作等待执行

66beta

2014-05-24 14:52:34 +08:00

好流比！
默认主题路过

ch3x

2014-05-24 14:55:37 +08:00

@alay9999
谢谢，我已经改成了 click ，并修改了动画时间。

cai314494687

2014-05-24 21:31:16 +08:00

赞，感谢。正好在找这个主题。