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

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

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 ... 应该会比演示地址快一些 ... 可以考虑作为替换使用 ...

inspired

同名

顺手

112 条回复 • 2015-05-22 09:24:15 +08:00

1 2

❮

❯

ZhaoMiing

2015-04-15 18:27:36 +08:00

赞创意

frankier

2015-04-15 19:04:37 +08:00

不错不错，赞一个

loading

2015-04-15 19:27:30 +08:00 via iPhone

可以添加shift支持，数量不就翻倍了？哈哈

有空我也自己写一个。

raincious

2015-04-15 19:29:05 +08:00

@loading 写个数字键区的啊哈哈哈……然后就击败了 @Sunyanzi 大神变成了世界最小的了。

咦？那根九宫格有啥区别？

KexyBiscuit

2015-04-15 19:34:04 +08:00 via Android

我想起来了功能手机（S60 也算）上 Opera 的快速拨号——不就是这样吗？按键进网站，我还练出过盲操作……

BlueWolf

2015-04-15 20:24:07 +08:00

创意真棒！

gongpeione

2015-04-15 20:28:59 +08:00

噢好赞！

S1ahs3r

2015-04-15 20:35:16 +08:00

创意nice

jeeve

2015-04-15 20:51:38 +08:00

求开源，我也自己定制一个

mimzy

2015-04-15 20:53:33 +08:00 via Android

Cool!

anewg

2015-04-15 20:54:39 +08:00

t 竟然是淘宝而不是t66y。。。

P233

2015-04-15 20:55:29 +08:00

好方便！！

johnnyhappy365

2015-04-15 20:57:29 +08:00

是挺好玩的

myon

2015-04-15 21:06:49 +08:00

挺有意思的，上次看到一个类似的
http://anohito.tw/poi/

yaqink

2015-04-15 21:24:29 +08:00 via iPad

@myon 可以彈出 poi 鋼琴曲了

ariza

2015-04-15 21:25:54 +08:00

已设置为homepage

Sunyanzi

2015-04-15 21:28:03 +08:00

@loading 哈哈哈哈哈好主意 ... 升级版的时候可以加上 ... 作为彩蛋功能 ...

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

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

@myon 好棒 poi ！

mahone3297

2015-04-15 21:35:17 +08:00

不能更赞。。。
问题可能就是保持的站点不够多

jkjoke

2015-04-15 21:46:35 +08:00

这个好！已实装

jason52

2015-04-15 21:51:20 +08:00

@mahone3297 可以加leader key 和 meta key~~~

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

这不是 vim ctrlp 思路嘛。。。。逃）

oott123

2015-04-15 22:04:14 +08:00

Pentadactyl 表示压力不大……

Twinkle

2015-04-15 22:07:53 +08:00

好赞！

kisshere

2015-04-15 22:26:31 +08:00

送你两个键盘：
http://codepen.io/dehash/pen/nEJyf
http://cssdeck.com/labs/apple-keyboard-via-css3
这个导航真没啥意思
这个帖子可以结束了

loveuqian

2015-04-15 22:28:48 +08:00

v2的链接能改下？因为一般都是刷全部这个节点的。。。

TangMonk

2015-04-15 22:31:52 +08:00

不错噢，可以写个chrome插件代替chrome自带的那个页面

Sunyanzi

2015-04-15 22:32:08 +08:00

@loveuqian 可以自己改的呀 ... 鼠标移上去点编辑就好啦 ...

TangMonk

2015-04-15 22:32:32 +08:00

不过和Vimium有冲突

moname

2015-04-15 22:34:28 +08:00

希望能开源，，，，感谢

firegeek

2015-04-15 22:39:55 +08:00

创意不错，赞一个！@kisshere 键盘也不错

Sunyanzi

2015-04-15 22:59:50 +08:00

@firegeek 那两张键盘 ... 第一个 HHKB 是 @P233 大大的作品哦 ...

那是真正的艺术品 ... 我这个只能算随手一画而已啦 ...

lsmgeb89

2015-04-15 23:09:00 +08:00

创意不错！

gkiwi

2015-04-15 23:09:20 +08:00

赞创意!

raincious

2015-04-15 23:11:48 +08:00

@kisshere 不一定没意思。

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

不过其实在地址栏输入地址，也有提醒功能啊，比如我输入V就是V2EX。

Sunyanzi

2015-04-16 01:48:57 +08:00

@raincious 那个提醒功能有时候不太好用 ... 会出现像下面这样的情况 ...

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

两个键变成一个键 ... 立即节省 50% 工作量！

raincious

2015-04-16 01:54:17 +08:00

@Sunyanzi

其实……一般情况下我都是左手按v然后右手拿鼠标点的……

xiqingongzi

2015-04-16 07:07:48 +08:00 via Android

@jeeve github.com/qex/keystart

liujiantao

2015-04-16 08:20:10 +08:00 via Android

创意很好！

jeeve

2015-04-16 08:29:07 +08:00

提个bug，0键不能添加

DennyDai

2015-04-16 08:50:33 +08:00

最好把链接的Scheme都从http换成https

kavi

2015-04-16 09:07:22 +08:00

不错 .. 速度能再快一点就更好了...

won

2015-04-16 09:17:55 +08:00

我在某个键位上修改了一个网址的话，是只对自己生效还是对所有人都生效了？

czb

2015-04-16 09:20:48 +08:00 via Android

好创意

mikej

2015-04-16 09:52:00 +08:00

@won cookie..

ybh37

2015-04-16 09:53:35 +08:00

我希望把 cookies 全部改为 local storage

miaozaiye

2015-04-16 09:53:41 +08:00

好玩！

kavi

2015-04-16 10:17:55 +08:00

@TangMonk 可以在Vimium设置中排除某些页面

zhaowmm

2015-04-16 10:21:00 +08:00

Safari 键盘对应字幕后没有一个阴影效果，是不是BUG？Firefox正常触发。

enson110

2015-04-16 10:21:59 +08:00

建议个人的布局网址存储在云端，然后生成一个唯一标识，作为网址后缀，这样可以直接添加这个网址为收藏，并且做到云端同步了！

Loop680

2015-04-16 10:43:19 +08:00

v应该是https://吧，是不是没加s？

souroot

2015-04-16 10:57:33 +08:00

创意不错，加载满了点

chens

2015-04-16 11:08:51 +08:00

好棒的思路

Sunyanzi

2015-04-16 11:15:12 +08:00

@jeeve fixed ... 感谢这么用心的使用 ... 谢谢 ...

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

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

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

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

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

@Loop680 http 也是能访问的 ... 不过需要爬篱笆 ... 如果需要 https 可以自行修改一下 ..?

chilaoqi

2015-04-16 11:25:52 +08:00

果然，快速按CL两个键能上草榴。
（如果没有，你自己提Pull Request啊）

panlilu

2015-04-16 11:26:37 +08:00

赞一个

killerv

2015-04-16 11:31:55 +08:00

很赞的作品，提个建议：如果这个东西面向的有不翻墙的用户，google的ico加载会有问题，导致网页一直处于请求资源状态。

Yannis1990

2015-04-16 12:13:08 +08:00

会开源么？

Sunyanzi

2015-04-16 12:15:19 +08:00

@moname @Yannis1990 这个东西本身就是开源的呀 ...

代码直接下载或者到 http://github.com/qex/keystart 下载都可以 ...

twor2

2015-04-16 12:28:44 +08:00

恩我直接把H 设置成草榴了

SharkIng

2015-04-16 12:36:46 +08:00

为什么在Chrome上没反应呢？

arbipher

2015-04-16 12:44:57 +08:00

@Sunyanzi 正想说这个，首字母导航的话，地址栏已经能做到了。。。

puras

2015-04-16 13:25:25 +08:00

提个Bug，点击某个按键上的修改，然后点取消，这时会自动跳转到按键对应的页面
而且在修改的时候，是不是把原地址显示上比较好呢？

yqrm

2015-04-16 13:35:39 +08:00

赞！就是部分按键和已有的快捷键冲突...

JoyNeop

2015-04-16 13:37:35 +08:00

@Sunyanzi 开源项目请至少在 README 中注明 license。此外代码都是 minify 过的感觉没诚意啊。。。

loveisbug

2015-04-16 13:50:54 +08:00

好玩

dbfox

2015-04-16 14:27:07 +08:00

nice

iqav

2015-04-16 14:32:19 +08:00

心中一亮，这是个东西。

kaifazhe

2015-04-16 14:54:00 +08:00

dh.kaifazhe.com

bigzhu

2015-04-16 15:12:20 +08:00

vimium 不能用.不开心

moname

2015-04-16 15:21:12 +08:00

@Sunyanzi 就一个 README.md 文件，怎么破

tigerZhang

2015-04-16 15:21:54 +08:00

创意真棒！设计也很好！

fengchang

2015-04-16 16:04:18 +08:00

很棒，适合做成扩展，然后设为浏览器主页，Speeddial那样

lxx1

2015-04-16 16:21:22 +08:00

大赞啊！！！一直在寻找的导航网站

jkjoke

2015-04-16 16:24:10 +08:00

@kaifazhe 打不开
我这里也部署了一个 http://shaw.ml/

cssnote

2015-04-16 16:30:10 +08:00

建议：右键为编辑，左键是直接点击，因为编辑操作不常用，每次都显示，很烦。

cssnote

2015-04-16 16:32:42 +08:00

我错了。

lazybios

2015-04-16 16:38:50 +08:00

赞创意~ +1

hqfzone

2015-04-16 16:52:21 +08:00

好创意~

wusibacg

2015-04-16 17:08:43 +08:00

赞～
话说可以变成ff和/或chrome的插件么？

ryanyu104

2015-04-16 17:08:44 +08:00

cool

captainwz

2015-04-16 17:18:08 +08:00

赞～

tvvocold

2015-04-16 18:48:38 +08:00

@kaifazhe
求开源

tvvocold

2015-04-16 19:26:15 +08:00

@JoyNeop 的确，解密后的js文件也很难改

elvba

2015-04-16 19:33:53 +08:00

@Sunyanzi 我去，什么时候弄得我都没注意到…
新建页面默认是这个导航的话用起来应该挺爽的，ctrl + t，再按一个字母键打开网站。
比起地址栏自动匹配好用的多，地址栏自动匹配的问题是输入字母后出来的结果不一定是自己想要的，每次都要确认，还要多输入字母来定位，最后还得回车。

2015-04-16 19:36:54 +08:00

这个真赞，哈哈！赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞

wessin

2015-04-16 19:37:49 +08:00

这个创意太赞了

xiaocang

2015-04-16 21:02:19 +08:00

厉害！好喜欢的风格。要是浏览器自带的或者浏览器插件导航页可以这样，配合书签和常访问的网站就更方便了

smilenet

2015-04-17 06:24:37 +08:00

不错,把他设置首页几天试试,^_^
另外是不是这样只能有键盘个数的网址导航啊,是不是能直接设置输入字条自动搜索对应网址的版本呢?
另外V2的链接是非https,不能直接进入,是不是修改一下?
自定义的内容是如何保存的呢?清浏览器缓存是不是就得重新设置 ?
谢谢.

flynaj

2015-04-17 09:06:13 +08:00

baidu 换成https的吧~

bjjvvv

2015-04-17 13:45:13 +08:00

可以支持一下鼠标中键打开一个新标签

arens

2015-04-17 15:49:30 +08:00

打不开

imeoer

2015-04-17 18:19:04 +08:00

很赞的创意再加些特技就更赞了

Sunyanzi

2015-04-17 19:32:20 +08:00

@jeeve @moname @JoyNeop @tvvocold 是我的错 ... 当时太匆忙了 ... 抱歉 ...

现在已经把全部的 original code 补上 ... 并且增加了在 WTFPL 协议下开源的声明 ...

Sunyanzi

2015-04-17 19:49:25 +08:00

@kavi @arens 关于打不开的问题 ... 试试看 http://tok4.com ..?

sinchang

2015-04-17 22:26:35 +08:00

@Sunyanzi 怎么设置URL在新标签页打开？

hqfzone

2015-04-18 13:21:20 +08:00

修改了一下，可以自定义favicon地址，要不然如果网站的默认图标不是favicon.ico就无法显示了。
编辑时可以显示原来的url。
http://k.qifu.me
https://github.com/hqfzone/keystart

kania1983

2015-04-18 20:25:22 +08:00

@hqfzone 原版也有这个bug,点编辑，并不想打开被编辑网页，但无论如何都会跳转到被编辑的站点

souroot

2015-04-18 21:05:56 +08:00

@Sunyanzi 能否授权给我放到我的网站上？是一个网络书签，前两天这里也宣传过的。www.yuanquanshuqian.com

hqfzone

2015-04-18 22:01:34 +08:00

@kania1983 这应该是因为之前的点击事件导致的，我已经将该问题修复，请刷新尝试http://k.qifu.me。

kania1983

2015-04-18 23:10:27 +08:00

@hqfzone 这次不跳转了，编辑过的网址键盘颜色变成蓝色，刷新后才可恢复颜色，不影响使用，点编辑后弹出的窗口在各个浏览器位置不统一，建议做个简单的中间弹出层，然后背景稍稍变灰，用户体验更佳。
不考虑源码体积的情况下，可以延伸更多功能，最下面可以添加空格键可以做成搜索框，做个简单的集成搜索。右键或者点击图标2秒钟不动才可编辑网址，正常情况下鼠标划过就没有叉号跟铅笔头了。可以参考http://www.94994.com/ 。做个用户中心，网址同步到云的话，用户粘性更大，难度应该不大。

100

hqfzone

2015-04-18 23:42:46 +08:00

@kania1983 变成蓝色的情况，在IE11和chrome下未发现，倒是成了白色，没了渐变，已经删了两行js解决了。
搜索框，我一开始就想到了，但是不想破坏这种键盘布局的简洁。
毕竟我就是改一下@Sunyanzi 的代码而已，没打算发展多完善。

1 2

❮

❯