V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Sunyanzi
V2EX  ›  分享创造

可能是世界上最小的导航网站 ...

  •  5
     
  •   Sunyanzi · 2015-04-15 18:21:23 +08:00 · 16877 次点击
    这是一个创建于 3510 天前的主题,其中的信息可能已经有所发展或是发生改变。
    Inspired by @mrdunhao 的同名主题 /t/32295 ...

    今天距离那个主题发表过了整整三年 ... 顺手就实现了一下 ...

    网站地址在 http://git.io/keystart ... 关于这个网站的想法可以参考原帖 ...

    以上 ...
    第 1 条附言  ·  2015-04-17 19:39:28 +08:00
    随便弄的这个小东西居然得到了这么多关注 ... 真是始料未及 ... 谢谢大家抬爱 ...

    另外关于打不开页面的问题 ...

    鉴于原 po 意淫的两个域名 keystart 和 36key 都处于不可用状态 ...

    我就随便找了个别的域名 ... 绑到了 @lin/t/182969 提供的 PaaS 服务上 ...

    新地址是 http://tok4.com ... 应该会比演示地址快一些 ... 可以考虑作为替换使用 ...
    112 条回复    2015-05-22 09:24:15 +08:00
    1  2  
    ZhaoMiing
        1
    ZhaoMiing  
       2015-04-15 18:27:36 +08:00
    赞创意
    frankier
        2
    frankier  
       2015-04-15 19:04:37 +08:00
    不错不错,赞一个
    loading
        3
    loading  
       2015-04-15 19:27:30 +08:00 via iPhone
    可以添加shift支持,数量不就翻倍了?哈哈

    有空我也自己写一个。
    raincious
        4
    raincious  
       2015-04-15 19:29:05 +08:00   ❤️ 2
    @loading 写个数字键区的啊哈哈哈……然后就击败了 @Sunyanzi 大神变成了世界最小的了。

    咦?那根九宫格有啥区别?
    KexyBiscuit
        5
    KexyBiscuit  
       2015-04-15 19:34:04 +08:00 via Android
    我想起来了功能手机(S60 也算)上 Opera 的快速拨号——不就是这样吗?按键进网站,我还练出过盲操作……
    BlueWolf
        6
    BlueWolf  
       2015-04-15 20:24:07 +08:00
    创意真棒!
    gongpeione
        7
    gongpeione  
       2015-04-15 20:28:59 +08:00
    噢好赞!
    S1ahs3r
        8
    S1ahs3r  
       2015-04-15 20:35:16 +08:00
    创意nice
    jeeve
        9
    jeeve  
       2015-04-15 20:51:38 +08:00
    求开源,我也自己定制一个
    mimzy
        10
    mimzy  
       2015-04-15 20:53:33 +08:00 via Android
    Cool!
    anewg
        11
    anewg  
       2015-04-15 20:54:39 +08:00   ❤️ 1
    t 竟然是淘宝而不是t66y。。。
    P233
        12
    P233  
       2015-04-15 20:55:29 +08:00
    好方便!!
    johnnyhappy365
        13
    johnnyhappy365  
       2015-04-15 20:57:29 +08:00
    是挺好玩的
    myon
        14
    myon  
       2015-04-15 21:06:49 +08:00   ❤️ 1
    挺有意思的,上次看到一个类似的
    http://anohito.tw/poi/
    yaqink
        15
    yaqink  
       2015-04-15 21:24:29 +08:00 via iPad
    @myon 可以彈出 poi 鋼琴曲了
    ariza
        16
    ariza  
       2015-04-15 21:25:54 +08:00
    已设置为homepage
    Sunyanzi
        17
    Sunyanzi  
    OP
       2015-04-15 21:28:03 +08:00
    @loading 哈哈哈哈哈好主意 ... 升级版的时候可以加上 ... 作为彩蛋功能 ...

    @KexyBiscuit 其实就是快速拨号的效果 ...

    @jeeve 这是纯前端的东西 ... 代码下载下来就有啦 ... 不过写的不是很细 ... 凑合看还是可以的 ...

    @myon 好棒 poi !
    mahone3297
        18
    mahone3297  
       2015-04-15 21:35:17 +08:00
    不能更赞。。。
    问题可能就是保持的站点不够多
    jkjoke
        19
    jkjoke  
       2015-04-15 21:46:35 +08:00
    这个好!已实装
    jason52
        20
    jason52  
       2015-04-15 21:51:20 +08:00
    @mahone3297 可以加leader key 和 meta key~~~

    或者可以创建类似于一个 hot list,上面一个支持 incremental search 的输入框,回车即打开~~

    这不是 vim ctrlp 思路嘛。。。。逃)
    oott123
        21
    oott123  
       2015-04-15 22:04:14 +08:00
    Pentadactyl 表示压力不大……
    Twinkle
        22
    Twinkle  
       2015-04-15 22:07:53 +08:00
    好赞!
    kisshere
        23
    kisshere  
       2015-04-15 22:26:31 +08:00
    送你两个键盘:
    http://codepen.io/dehash/pen/nEJyf
    http://cssdeck.com/labs/apple-keyboard-via-css3
    这个导航真没啥意思
    这个帖子可以结束了
    loveuqian
        24
    loveuqian  
       2015-04-15 22:28:48 +08:00
    v2的链接能改下?因为一般都是刷全部这个节点的。。。
    TangMonk
        25
    TangMonk  
       2015-04-15 22:31:52 +08:00
    不错噢,可以写个chrome插件代替chrome自带的那个页面
    Sunyanzi
        26
    Sunyanzi  
    OP
       2015-04-15 22:32:08 +08:00
    @loveuqian 可以自己改的呀 ... 鼠标移上去点编辑就好啦 ...
    TangMonk
        27
    TangMonk  
       2015-04-15 22:32:32 +08:00
    不过和Vimium有冲突
    moname
        28
    moname  
       2015-04-15 22:34:28 +08:00
    希望能开源,,,,感谢
    firegeek
        29
    firegeek  
       2015-04-15 22:39:55 +08:00
    创意不错,赞一个!@kisshere 键盘也不错
    Sunyanzi
        30
    Sunyanzi  
    OP
       2015-04-15 22:59:50 +08:00
    @firegeek 那两张键盘 ... 第一个 HHKB 是 @P233 大大的作品哦 ...

    那是真正的艺术品 ... 我这个只能算随手一画而已啦 ...
    lsmgeb89
        31
    lsmgeb89  
       2015-04-15 23:09:00 +08:00
    创意不错!
    gkiwi
        32
    gkiwi  
       2015-04-15 23:09:20 +08:00
    赞创意!
    raincious
        33
    raincious  
       2015-04-15 23:11:48 +08:00
    @kisshere 不一定没意思。

    如果载入速度快的话,可以作为默认的新Tab页,这样可以实现快捷键转到常用网站。

    不过其实在地址栏输入地址,也有提醒功能啊,比如我输入V就是V2EX。
    Sunyanzi
        34
    Sunyanzi  
    OP
       2015-04-16 01:48:57 +08:00
    @raincious 那个提醒功能有时候不太好用 ... 会出现像下面这样的情况 ...



    以及如果不算这个和浏览器比的话 ... 恩 ... 至少我可以省去一次回车 ..?

    两个键变成一个键 ... 立即节省 50% 工作量!
    raincious
        35
    raincious  
       2015-04-16 01:54:17 +08:00
    @Sunyanzi

    其实……一般情况下我都是左手按v然后右手拿鼠标点的……
    xiqingongzi
        36
    xiqingongzi  
       2015-04-16 07:07:48 +08:00 via Android
    liujiantao
        37
    liujiantao  
       2015-04-16 08:20:10 +08:00 via Android
    创意很好!
    jeeve
        38
    jeeve  
       2015-04-16 08:29:07 +08:00
    提个bug,0键不能添加
    DennyDai
        39
    DennyDai  
       2015-04-16 08:50:33 +08:00
    最好把链接的Scheme都从http换成https
    kavi
        40
    kavi  
       2015-04-16 09:07:22 +08:00
    不错 .. 速度能再快一点就更好了...
    won
        41
    won  
       2015-04-16 09:17:55 +08:00
    我在某个键位上修改了一个网址的话,是只对自己生效还是对所有人都生效了?
    czb
        42
    czb  
       2015-04-16 09:20:48 +08:00 via Android
    好创意
    mikej
        43
    mikej  
       2015-04-16 09:52:00 +08:00
    @won cookie..
    ybh37
        44
    ybh37  
       2015-04-16 09:53:35 +08:00
    我希望把 cookies 全部改为 local storage
    miaozaiye
        45
    miaozaiye  
       2015-04-16 09:53:41 +08:00
    好玩!
    kavi
        46
    kavi  
       2015-04-16 10:17:55 +08:00
    @TangMonk 可以在Vimium设置中排除某些页面
    zhaowmm
        47
    zhaowmm  
       2015-04-16 10:21:00 +08:00
    Safari 键盘对应字幕后没有一个阴影效果,是不是BUG?Firefox正常触发。
    enson110
        48
    enson110  
       2015-04-16 10:21:59 +08:00
    建议个人的布局网址存储在云端,然后生成一个唯一标识,作为网址后缀,这样可以直接添加这个网址为收藏,并且做到云端同步了!
    Loop680
        49
    Loop680  
       2015-04-16 10:43:19 +08:00
    v应该是https://吧,是不是没加s?
    souroot
        50
    souroot  
       2015-04-16 10:57:33 +08:00
    创意不错,加载满了点
    chens
        51
    chens  
       2015-04-16 11:08:51 +08:00
    好棒的思路
    Sunyanzi
        52
    Sunyanzi  
    OP
       2015-04-16 11:15:12 +08:00
    @jeeve fixed ... 感谢这么用心的使用 ... 谢谢 ...

    @DennyDai 有些站不支持 https ... 而且默认的链接只是作为演示 ... 可以根据自己喜好修改的 ...

    @won 只对自己生效 ... 所有内容都是存在本地的 ... 不用担心隐私泄露 ...

    @ybh37 我在一开始写的时候本来是用 localStorage 的 ... 后来为了兼容才改成 cookie ...

    @zhaowmm 是指 Safari 触发一个按键之后本身的阴影效果消失这个事情吗 ..?

    @enson110 好建议 ... 这个版本暂时是纯静态的 ... 在下一个版本里可以加上 ...

    @Loop680 http 也是能访问的 ... 不过需要爬篱笆 ... 如果需要 https 可以自行修改一下 ..?
    chilaoqi
        53
    chilaoqi  
       2015-04-16 11:25:52 +08:00
    果然, 快速按CL两个键能上草榴。
    (如果没有,你自己提Pull Request啊)
    panlilu
        54
    panlilu  
       2015-04-16 11:26:37 +08:00
    赞一个
    killerv
        55
    killerv  
       2015-04-16 11:31:55 +08:00
    很赞的作品,提个建议:如果这个东西面向的有不翻墙的用户,google的ico加载会有问题,导致网页一直处于请求资源状态。
    Yannis1990
        56
    Yannis1990  
       2015-04-16 12:13:08 +08:00
    会开源么?
    Sunyanzi
        57
    Sunyanzi  
    OP
       2015-04-16 12:15:19 +08:00   ❤️ 1
    @moname @Yannis1990 这个东西本身就是开源的呀 ...

    代码直接下载或者到 http://github.com/qex/keystart 下载都可以 ...
    twor2
        58
    twor2  
       2015-04-16 12:28:44 +08:00
    恩 我直接把H 设置成草榴了
    SharkIng
        59
    SharkIng  
       2015-04-16 12:36:46 +08:00
    为什么在Chrome上没反应呢?
    arbipher
        60
    arbipher  
       2015-04-16 12:44:57 +08:00
    @Sunyanzi 正想说这个,首字母导航的话,地址栏已经能做到了。。。
    puras
        61
    puras  
       2015-04-16 13:25:25 +08:00
    提个Bug,点击某个按键上的修改,然后点取消,这时会自动跳转到按键对应的页面
    而且在修改的时候,是不是把原地址显示上比较好呢?
    yqrm
        62
    yqrm  
       2015-04-16 13:35:39 +08:00
    赞!就是部分按键和已有的快捷键冲突...
    JoyNeop
        63
    JoyNeop  
       2015-04-16 13:37:35 +08:00
    @Sunyanzi 开源项目请至少在 README 中注明 license。此外代码都是 minify 过的感觉没诚意啊。。。
    loveisbug
        64
    loveisbug  
       2015-04-16 13:50:54 +08:00
    好玩
    dbfox
        65
    dbfox  
       2015-04-16 14:27:07 +08:00
    nice
    iqav
        66
    iqav  
       2015-04-16 14:32:19 +08:00
    心中一亮,这是个东西。
    kaifazhe
        67
    kaifazhe  
       2015-04-16 14:54:00 +08:00
    bigzhu
        68
    bigzhu  
       2015-04-16 15:12:20 +08:00
    vimium 不能用.不开心
    moname
        69
    moname  
       2015-04-16 15:21:12 +08:00
    @Sunyanzi 就一个 README.md 文件,怎么破
    tigerZhang
        70
    tigerZhang  
       2015-04-16 15:21:54 +08:00
    创意真棒!设计也很好!
    fengchang
        71
    fengchang  
       2015-04-16 16:04:18 +08:00
    很棒,适合做成扩展,然后设为浏览器主页,Speeddial那样
    lxx1
        72
    lxx1  
       2015-04-16 16:21:22 +08:00
    大赞啊!!!一直在寻找的导航网站
    jkjoke
        73
    jkjoke  
       2015-04-16 16:24:10 +08:00
    @kaifazhe 打不开
    我这里也部署了一个 http://shaw.ml/
    cssnote
        74
    cssnote  
       2015-04-16 16:30:10 +08:00
    建议:右键为编辑,左键是直接点击,因为编辑操作不常用 ,每次都显示,很烦。
    cssnote
        75
    cssnote  
       2015-04-16 16:32:42 +08:00
    我错了。
    lazybios
        76
    lazybios  
       2015-04-16 16:38:50 +08:00
    赞创意~ +1
    hqfzone
        77
    hqfzone  
       2015-04-16 16:52:21 +08:00
    好创意~
    wusibacg
        78
    wusibacg  
       2015-04-16 17:08:43 +08:00
    赞~
    话说可以变成ff和/或chrome的插件么?
    ryanyu104
        79
    ryanyu104  
       2015-04-16 17:08:44 +08:00
    cool
    captainwz
        80
    captainwz  
       2015-04-16 17:18:08 +08:00
    赞~
    tvvocold
        81
    tvvocold  
       2015-04-16 18:48:38 +08:00
    @kaifazhe
    求开源
    tvvocold
        82
    tvvocold  
       2015-04-16 19:26:15 +08:00
    @JoyNeop 的确,解密后的js文件也很难改
    elvba
        83
    elvba  
       2015-04-16 19:33:53 +08:00
    @Sunyanzi 我去,什么时候弄得我都没注意到…
    新建页面默认是这个导航的话用起来应该挺爽的,ctrl + t,再按一个字母键打开网站。
    比起地址栏自动匹配好用的多,地址栏自动匹配的问题是输入字母后出来的结果不一定是自己想要的,每次都要确认,还要多输入字母来定位,最后还得回车。
    ob
        84
    ob  
       2015-04-16 19:36:54 +08:00
    这个真赞,哈哈!赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞
    wessin
        85
    wessin  
       2015-04-16 19:37:49 +08:00
    这个创意太赞了
    xiaocang
        86
    xiaocang  
       2015-04-16 21:02:19 +08:00
    厉害!好喜欢的风格。要是浏览器自带的或者浏览器插件导航页可以这样,配合书签和常访问的网站就更方便了
    smilenet
        87
    smilenet  
       2015-04-17 06:24:37 +08:00
    不错,把他设置首页几天试试,^_^
    另外是不是这样只能有键盘个数的网址导航啊,是不是能直接设置输入字条自动搜索对应网址的版本呢?
    另外V2的链接是非https,不能直接进入,是不是修改一下?
    自定义的内容是如何保存的呢?清浏览器缓存是不是就得重新设置 ?
    谢谢.
    flynaj
        88
    flynaj  
       2015-04-17 09:06:13 +08:00
    baidu 换成https的吧~
    bjjvvv
        89
    bjjvvv  
       2015-04-17 13:45:13 +08:00
    可以支持一下鼠标中键打开一个新标签
    arens
        90
    arens  
       2015-04-17 15:49:30 +08:00
    打不开
    imeoer
        91
    imeoer  
       2015-04-17 18:19:04 +08:00
    很赞的创意 再加些特技就更赞了
    Sunyanzi
        92
    Sunyanzi  
    OP
       2015-04-17 19:32:20 +08:00
    @jeeve @moname @JoyNeop @tvvocold 是我的错 ... 当时太匆忙了 ... 抱歉 ...

    现在已经把全部的 original code 补上 ... 并且增加了在 WTFPL 协议下开源的声明 ...
    Sunyanzi
        93
    Sunyanzi  
    OP
       2015-04-17 19:49:25 +08:00
    @kavi @arens 关于打不开的问题 ... 试试看 http://tok4.com ..?
    sinchang
        94
    sinchang  
       2015-04-17 22:26:35 +08:00
    @Sunyanzi 怎么设置URL在新标签页打开?
    hqfzone
        95
    hqfzone  
       2015-04-18 13:21:20 +08:00   ❤️ 1
    修改了一下,可以自定义favicon地址,要不然如果网站的默认图标不是favicon.ico就无法显示了。
    编辑时可以显示原来的url。
    http://k.qifu.me
    https://github.com/hqfzone/keystart
    kania1983
        96
    kania1983  
       2015-04-18 20:25:22 +08:00
    @hqfzone 原版也有这个bug,点编辑,并不想打开被编辑网页,但无论如何都会跳转到被编辑的站点
    souroot
        97
    souroot  
       2015-04-18 21:05:56 +08:00
    @Sunyanzi 能否授权给我放到我的网站上?是一个网络书签,前两天这里也宣传过的。www.yuanquanshuqian.com
    hqfzone
        98
    hqfzone  
       2015-04-18 22:01:34 +08:00
    @kania1983 这应该是因为之前的点击事件导致的,我已经将该问题修复,请刷新尝试http://k.qifu.me
    kania1983
        99
    kania1983  
       2015-04-18 23:10:27 +08:00
    @hqfzone 这次不跳转了,编辑过的网址键盘颜色变成蓝色,刷新后才可恢复颜色,不影响使用,点编辑后弹出的窗口在各个浏览器位置不统一,建议做个简单的中间弹出层,然后背景稍稍变灰,用户体验更佳。
    不考虑源码体积的情况下,可以延伸更多功能,最下面可以添加空格键可以做成搜索框,做个简单的集成搜索。右键或者点击图标2秒钟不动才可编辑网址,正常情况下鼠标划过就没有叉号跟铅笔头了。可以参考http://www.94994.com/ 。做个用户中心,网址同步到云的话,用户粘性更大,难度应该不大。
    hqfzone
        100
    hqfzone  
       2015-04-18 23:42:46 +08:00
    @kania1983 变成蓝色的情况,在IE11和chrome下未发现,倒是成了白色,没了渐变,已经删了两行js解决了。
    搜索框,我一开始就想到了,但是不想破坏这种键盘布局的简洁。
    毕竟我就是改一下@Sunyanzi 的代码而已,没打算发展多完善。
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   959 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 20:26 · PVG 04:26 · LAX 12:26 · JFK 15:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.