Kael 一个仿 Medium 和 Nexus 的 Hexo 主题(有彩蛋) - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ch3x
V2EX    分享创造

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

  •  4
     
  •   c3x 2014-05-23 21:22:57 +08:00 8710 次点击
    这是一个创建于 4158 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
        1
    ChanneW  
       2014-05-23 22:12:17 +08:00
    交互性挺好。
    我还是喜欢更简洁一点的。
    ch3x
        2
    ch3x  
    OP
       2014-05-23 23:42:25 +08:00
    @ChanneW
    你把顶部的 header 禁用掉能按的按钮就没几个了
    ihuguowei
        3
    ihuguowei  
       2014-05-24 00:14:26 +08:00   1
    有点小bug,菜单切换的时候,小箭头图标会显示出来。
    ch3x
        4
    ch3x  
    OP
       2014-05-24 00:35:05 +08:00
    @ihuguowei
    恩,谢谢。
    回家去修复它
    mortal
        5
    mortal  
       2014-05-24 00:37:48 +08:00
    手残党表示 D1 的时候自己写过改键,D2 不支持了就再也没有玩过这枚高富帅……
    a591826944
        6
    a591826944  
       2014-05-24 00:37:51 +08:00
    chrome 居然都有点卡。。看来 你那个滚动监听。。做的事情太多了啊。。。
    a591826944
        7
    a591826944  
       2014-05-24 00:38:28 +08:00
    另外。。导航里面的 github 木有链接?
    url
        8
    url  
       2014-05-24 00:55:24 +08:00 via Android
    uc浏览器,无法滑动界面
    alay9999
        9
    alay9999  
       2014-05-24 01:12:44 +08:00   1
    在致谢按钮上疯狂划过 N 次,你肯已慢慢的看动画飞一会
    crs0910
        10
    crs0910  
       2014-05-24 10:38:43 +08:00
    Q E E 按不出火人,居然要 E E Q 才行。不开心了。
    Pete
        11
    Pete  
       2014-05-24 13:04:42 +08:00
    看不出来你说的评论框效果是啥 ==
    ch3x
        12
    ch3x  
    OP
       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
        13
    alay9999  
       2014-05-24 14:39:59 +08:00
    @ch3x JQuery hover 激活动画没有问题,但是要加一个判断,当前动画未完成时不接受新的激发。

    否则由于动画时间的关系就造成了连续击发积累大量动画动作等待执行
    66beta
        14
    66beta  
       2014-05-24 14:52:34 +08:00
    好流比!
    默认主题路过
    ch3x
        15
    ch3x  
    OP
       2014-05-24 14:55:37 +08:00
    @alay9999
    谢谢,我已经改成了 click ,并修改了动画时间。
    cai314494687
        16
    cai314494687  
       2014-05-24 21:31:16 +08:00
    赞,感谢。正好在找这个主题。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5528 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 38ms UTC 03:46 PVG 11:46 LAX 20:46 JFK 23:46
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86