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

2014-05-23 21:22:57 +08:00
 ch3x
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/
8258 次点击
所在节点    分享创造
16 条回复
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
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
赞,感谢。正好在找这个主题。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/113987

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX