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

千山:简洁的网址导航

  •  3
     
  •   teannnn · 2015-06-30 16:02:00 +08:00 · 16844 次点击
    这是一个创建于 3426 天前的主题,其中的信息可能已经有所发展或是发生改变。

    访问千山

    千山: http://qianshan.co
    chrome插件“千山新标签页”: https://chrome.google.com/webstore/detail/%E5%8D%83%E5%B1%B1%E6%96%B0%E6%A0%87%E7%AD%BE%E9%A1%B5/aaaekojmfgkdoliidgddnefhnoibjbpi?hl=zh-CN

    为什么做千山

    1. 现有插件、导航页等还不够好用
      • Chrome上微度时常无法登录;speeddial慢;infinity好看但笨重
      • hao123没有常用的站点
      • Safari点击地址栏展示站点有限,且无分类
    2. 常用的网站就那么多
      • 专业的网站我们会保存在书签中
    3. 我们都想做懒人
      • 常用的网址用快捷键,不需要再视线定位和点鼠标
      • 有的时候,我们可能希望一键打开多个站点

    千山的特性

    1. 简洁,一目了然
    2. 快捷键直达热门站点
    3. 一键打开9个站点

    千山有很多缺点:目前的站点选择并不合理,firefox的插件还没有提供,不支持自定义。希望听听大家的意见,也欢迎大家添加为主页~

    深感自己给社区做的贡献太少,索取的却不少。接下来我会把自己做的过程中一些问题(主机选择、flask报错、js问题、插件开发)都整理发出来

    87 条回复    2020-03-06 10:22:15 +08:00
    yangg
        1
    yangg  
       2015-06-30 16:18:00 +08:00   ❤️ 1


    垂直要往中间靠(不一定居中)
    5个字的显示不全,这种如果不用js计算,怎么实现大小不超过宽度呢?
    teannnn
        2
    teannnn  
    OP
       2015-06-30 16:21:47 +08:00
    @yangg 你好,
    第一个问题是指保持内容在页面中央,是吗?如果是的话,“margin:0 auto; width:800px“,width不一定是800px,只要确保有一个固定宽度就可以。
    5个字不全,css加一句overflow:hidden;即可
    teannnn
        3
    teannnn  
    OP
       2015-06-30 16:22:48 +08:00
    @yangg 另外谢谢的截图,大屏高分辨率下应该考虑让内容扩张,我现在的布局是固定宽度和一部分高度,要调整一下。
    teannnn
        4
    teannnn  
    OP
       2015-06-30 16:23:04 +08:00
    @yangg 另外谢谢的截图,大屏高分辨率下应该考虑让内容扩张尽可能填充整个页面,我现在的布局是固定宽度和一部分高度,要调整一下。
    yangg
        5
    yangg  
       2015-06-30 16:34:25 +08:00   ❤️ 1
    1. 我说的垂直居中,跟margin没关系吧
    2. 我是说”什么值得买“这种如果超过5个字怎么能用css让它自适应缩小
    3. 你把F5 刷新搞没了(ps: 用了jQuery的话就可以直接用e.which,不用||e.keyCode)
    teannnn
        6
    teannnn  
    OP
       2015-06-30 16:42:12 +08:00
    @yangg 啊,说的都很对!这就改!非常感谢
    n0o0a0h0
        7
    n0o0a0h0  
       2015-06-30 16:50:44 +08:00   ❤️ 1
    随便点了 空格 是快捷键对应google吧结果导航到了百度。。
    hinate
        8
    hinate  
       2015-06-30 17:04:25 +08:00   ❤️ 1
    点击上面的标签是把标签下的所有地址都打开了。。。我还以为是更多...这样不好吧
    zouyun5152
        9
    zouyun5152  
       2015-06-30 17:24:44 +08:00   ❤️ 1
    Chrome插件已用上,要是能修改就好了
    Mac
        10
    Mac  
       2015-06-30 17:42:51 +08:00   ❤️ 1
    没有XXX,不开心
    nine
        11
    nine  
       2015-06-30 18:07:15 +08:00   ❤️ 1
    然而不能自定义?
    b821025551b
        12
    b821025551b  
       2015-06-30 18:09:52 +08:00   ❤️ 1
    xspoco
        13
    xspoco  
       2015-06-30 18:33:51 +08:00   ❤️ 1
    挺简洁的。
    ironblood
        14
    ironblood  
       2015-06-30 18:35:01 +08:00   ❤️ 1
    好顶赞 :)
    teannnn
        15
    teannnn  
    OP
       2015-06-30 19:10:31 +08:00
    @yangg 谢谢兄弟。
    1. 我说的垂直居中,跟margin没关系吧
    (这个问题已修改,此前确实垂直没考虑。现在改为内容.top=(window.height()-内容.height())/4)

    2. 我是说”什么值得买“这种如果超过5个字怎么能用css让它自适应缩小
    (这个还没搞,容我想想)

    3. 你把F5 刷新搞没了(ps: 用了jQuery的话就可以直接用e.which,不用||e.keyCode)
    (现在F5应该可用了,当时多抄了一行代码event.preventDefault();现已注释)
    teannnn
        16
    teannnn  
    OP
       2015-06-30 19:11:45 +08:00
    @n0o0a0h0 谢谢!空格还是百度,q、b、空格都是百度。。。只有g是谷歌。。。我会考虑自定义站点和快捷键的
    teannnn
        17
    teannnn  
    OP
       2015-06-30 19:13:11 +08:00
    @hinate 嗯,目前打开的是分类下的所有站点。你说的也很有道理,我看看怎么把更多的站点放在那个弹层,反正已经弹出来了。我最初的考虑是站点尽可能的少,所以只是在首页放了站点。
    teannnn
        18
    teannnn  
    OP
       2015-06-30 19:15:51 +08:00
    @zouyun5152 非常感谢啊!嗯,我会看看怎么做这个自定义。1.第一种选择:有一些朋友告诉我可以做一些类似技术宅、老年人、大学生、金融从业者的主题,主题中包含这个角色常用的站点,然后再允许他们自定义。2.第二种选择:直接允许用户修改站点。你觉得哪种会更好些呢?不过我想了下,其实这两种也不完全重叠,可以都有
    teannnn
        19
    teannnn  
    OP
       2015-06-30 19:18:04 +08:00
    @Mac 输入某个我们都懂得的短代码串(例如1024),就会有弹层展示你想要的站点,其他时候隐藏。你觉得怎么样?
    teannnn
        20
    teannnn  
    OP
       2015-06-30 19:18:29 +08:00
    @nine 目前的版本还不能。我会考虑做上去的~非常感谢你的建议
    teannnn
        21
    teannnn  
    OP
       2015-06-30 19:19:35 +08:00
    @b821025551b 是啊,名字起的有点俗,初衷是想万千世界、尽在眼前的意思。^_^
    teannnn
        22
    teannnn  
    OP
       2015-06-30 19:19:58 +08:00
    @xspoco 非常感谢!!
    teannnn
        23
    teannnn  
    OP
       2015-06-30 19:20:25 +08:00
    @ironblood 谢谢铁血好兄弟啊!
    caesar
        24
    caesar  
       2015-06-30 19:45:13 +08:00   ❤️ 1
    我的收藏比较多,应该加上搜索功能,和其他快捷功能,建议源码开源
    em70
        25
    em70  
       2015-06-30 19:58:07 +08:00 via Android   ❤️ 1
    我觉得还不如上次那个键盘导航有新意
    sobigfish
        26
    sobigfish  
       2015-06-30 20:18:57 +08:00   ❤️ 1
    不能自定义都不能称之为导航了


    @caesar 别闹,(功能上)就是静态的 开什么源
    DearTanker
        27
    DearTanker  
       2015-06-30 21:00:42 +08:00   ❤️ 1
    好像快捷键很多是错的?空格哪里是谷歌?
    teannnn
        28
    teannnn  
    OP
       2015-06-30 21:13:56 +08:00
    @DearTanker 空格一直是百度。谢谢谷歌的建议~
    teannnn
        29
    teannnn  
    OP
       2015-06-30 21:14:31 +08:00
    @caesar 嗯,明白。我会开源的,不过说实话代码也不多
    teannnn
        30
    teannnn  
    OP
       2015-06-30 21:14:53 +08:00
    @em70 键盘导航?我去搜一下,感谢建议啊!
    DearTanker
        31
    DearTanker  
       2015-06-30 21:15:24 +08:00   ❤️ 1
    @teannnn 额,你的快捷键说明空格是谷歌啊。。不过,建议开源,同步更新。。。
    teannnn
        32
    teannnn  
    OP
       2015-06-30 21:18:37 +08:00
    @DearTanker 方便截个图吗?我检查了一下插件和站点的源代码,空格都是百度。
    teannnn
        33
    teannnn  
    OP
       2015-06-30 21:18:59 +08:00
    @em70 搜到了,这个键盘导航确实很漂亮。
    teannnn
        34
    teannnn  
    OP
       2015-06-30 21:19:40 +08:00
    @sobigfish 谢谢提醒。自定义会做的
    DearTanker
        35
    DearTanker  
       2015-06-30 21:57:42 +08:00   ❤️ 1
    @teannnn 我的天,算我眼瞎。。最近眼神真的不好。。擦。。
    mlhorizon
        36
    mlhorizon  
       2015-06-30 22:05:42 +08:00   ❤️ 1
    @Mac 因为“千山鸟飞绝”,鸟都没有,所以没有xxx,因为没有xxx,所以“万径人踪灭”,没人来用。
    楼主这名字取的,负分。
    zouyun5152
        37
    zouyun5152  
       2015-06-30 22:50:45 +08:00   ❤️ 1
    @teannnn ![]( )
    zouyun5152
        38
    zouyun5152  
       2015-06-30 22:52:05 +08:00   ❤️ 1
    @teannnn 弹窗里加个“关闭”小按钮,放右上角吧……
    caesar
        39
    caesar  
       2015-06-30 23:44:09 +08:00   ❤️ 1
    能在文字前 加一个自动采集ICO 美美哒
    Kilerd
        40
    Kilerd  
       2015-07-01 11:04:06 +08:00   ❤️ 1
    然而,不能定制,作用不大.
    teannnn
        41
    teannnn  
    OP
       2015-07-01 11:39:42 +08:00
    @mlhorizon 感谢手哥负分!我立即收拾铺盖滚粗^_^
    teannnn
        42
    teannnn  
    OP
       2015-07-01 11:40:04 +08:00
    @zouyun5152 谢谢交互设计神!我就在你的基础上修改
    teannnn
        43
    teannnn  
    OP
       2015-07-01 11:41:07 +08:00
    @DearTanker 还是谢谢提醒啊~我觉得可能还是我展示的问题,你已经是第二个说空格是谷歌的了~因为百度有三个快捷键,而其他站点只有一个,所以难免会有这种问题。我会看看快捷键那里如何去修改
    zouyun5152
        44
    zouyun5152  
       2015-07-01 12:02:14 +08:00
    @teannnn 对了,点击左上角“编辑”后,还要有能“退出编辑”模式的按钮,你考虑下 。
    zouyun5152
        45
    zouyun5152  
       2015-07-01 12:02:45 +08:00   ❤️ 1
    @teannnn 是点击右上角,更正下
    lzsadam
        46
    lzsadam  
       2015-07-01 14:09:44 +08:00   ❤️ 1
    已用上,希望加入设置~
    liujianwei
        47
    liujianwei  
       2015-07-01 14:17:13 +08:00   ❤️ 1
    名字起得不错,logo也不错,风格很好。
    gqz149275
        48
    gqz149275  
       2015-07-01 14:26:20 +08:00
    喜...欢!!!
    flowfire
        49
    flowfire  
       2015-07-01 17:01:47 +08:00   ❤️ 1
    window.open()被chrome拦截了
    reyi
        50
    reyi  
       2015-07-02 00:23:29 +08:00   ❤️ 1
    好用!
    techyan
        51
    techyan  
       2015-07-02 11:21:45 +08:00 via iPhone   ❤️ 1
    你不知道真的有座山叫千山吗?
    reyi
        52
    reyi  
       2015-07-02 13:19:02 +08:00   ❤️ 1
    @reyi 然后现在就无法打开页面了。。是我的问题吗
    teannnn
        53
    teannnn  
    OP
       2015-07-02 14:19:55 +08:00
    @zouyun5152 好的,我会处理这个关闭按钮的,感谢!!
    teannnn
        54
    teannnn  
    OP
       2015-07-02 14:20:13 +08:00
    @lzsadam 谢谢建议。我会加入自定义
    teannnn
        55
    teannnn  
    OP
       2015-07-02 14:20:37 +08:00
    @liujianwei 谢谢夸奖!
    teannnn
        56
    teannnn  
    OP
       2015-07-02 14:21:08 +08:00
    @gqz149275 感谢鼓励!!
    teannnn
        57
    teannnn  
    OP
       2015-07-02 14:21:56 +08:00
    @flowfire 谢谢提醒,这里我会在弹层中加入一个提示,浏览器可能会有拦截。
    teannnn
        58
    teannnn  
    OP
       2015-07-02 14:22:23 +08:00
    @reyi 谢谢鼓励!!!有什么意见也欢迎多告诉我~
    teannnn
        59
    teannnn  
    OP
       2015-07-02 14:22:49 +08:00
    @techyan 真不知道。我可能不是当地人,也没有去那些地方旅游过
    teannnn
        60
    teannnn  
    OP
       2015-07-02 14:24:06 +08:00
    @reyi 请问你访问的是qianshan.co还是插件?我检查了下,我这边都可以的~~
    zhp521163
        61
    zhp521163  
       2015-07-02 16:57:59 +08:00   ❤️ 1
    不知道谷歌插件怎么设计的?想学习
    reyi
        62
    reyi  
       2015-07-03 08:15:03 +08:00 via Android   ❤️ 1
    @teannnn 过了几分钟再刷又可以了,我访问的前者,最开始是好像无法打开此页面,
    还有一个问题!不能自定义站点莫?我看见前面有个图是可以编辑的😂
    Pseric
        63
    Pseric  
       2015-07-03 09:11:39 +08:00   ❤️ 1
    蛮棒的,可以出个台湾版吗?
    Repraance
        64
    Repraance  
       2015-07-04 01:00:36 +08:00   ❤️ 1
    很漂亮 希望出自定义
    adubi
        65
    adubi  
       2015-07-05 13:47:49 +08:00 via Android   ❤️ 1
    你好,请问你是一个人吗
    pythonee
        66
    pythonee  
       2015-07-22 10:10:59 +08:00   ❤️ 1
    已经用上,感谢
    sisyphus60
        67
    sisyphus60  
       2015-07-29 15:55:39 +08:00   ❤️ 1
    界面很好,可以定制吗
    teannnn
        68
    teannnn  
    OP
       2015-08-29 17:30:52 +08:00
    @nine 你好, chrome 插件的自定义功能已上线, qianshan.co 的相关功能还在开发中,预计这个月可以上线
    teannnn
        69
    teannnn  
    OP
       2015-08-29 17:31:15 +08:00
    @zouyun5152 你好, chrome 插件的自定义功能已上线, qianshan.co 的相关功能还在开发中,预计这个月可以上线
    teannnn
        70
    teannnn  
    OP
       2015-08-29 17:32:07 +08:00
    @sobigfish 你好, chrome 插件的自定义功能已上线, qianshan.co 的相关功能还在开发中,预计这个月可以上线
    teannnn
        71
    teannnn  
    OP
       2015-08-29 17:32:26 +08:00
    @Kilerd 你好, chrome 插件的自定义功能已上线, qianshan.co 的相关功能还在开发中,预计这个月可以上线
    teannnn
        72
    teannnn  
    OP
       2015-08-29 17:32:36 +08:00   ❤️ 1
    @lzsadam 你好, chrome 插件的自定义功能已上线, qianshan.co 的相关功能还在开发中,预计这个月可以上线
    teannnn
        73
    teannnn  
    OP
       2015-08-29 17:32:53 +08:00
    @Repraance 你好, chrome 插件的自定义功能已上线, qianshan.co 的相关功能还在开发中,预计这个月可以上线
    lzsadam
        74
    lzsadam  
       2015-08-29 17:33:44 +08:00   ❤️ 1
    @teannnn 一直在用呢,今天突然发现可以编辑了,果断先把百毒全部换成 google 了……感谢~
    teannnn
        75
    teannnn  
    OP
       2015-08-29 17:34:09 +08:00
    @Pseric 你好,这个版本还没有加上台湾版本,但是我在更多站点中放入了一些台湾人经常上的网站、论坛,过程中也咨询了几位台湾的朋友。欢迎使用新标签页插件体验。我会在接下来的版本中加入一键设置台湾版本的功能
    teannnn
        76
    teannnn  
    OP
       2015-08-29 17:35:41 +08:00
    @lzsadam 谢谢支持!
    teannnn
        77
    teannnn  
    OP
       2015-08-29 17:36:50 +08:00
    @sisyphus60 你好,目前 chrome 插件已经可以定制了。欢迎体验哈
    nine
        78
    nine  
       2015-08-29 19:12:31 +08:00
    Pseric
        79
    Pseric  
       2015-08-29 21:42:07 +08:00
    @teannnn 太好了!如果需要免费资源网路社群帮忙介绍、曝光,请再告诉我,我可以介绍给更多台湾的使用者认识这个插件,谢谢。 https://free.com.tw/
    joshua7v
        80
    joshua7v  
       2015-09-11 22:41:00 +08:00
    一直想自己做一个来着,网址整理真的麻烦的
    没想到有了,挺好的,跟我想的差不多,感谢
    teannnn
        81
    teannnn  
    OP
       2015-09-11 23:26:36 +08:00
    @joshua7v 新版本已经发布了,支持自定义,可以试试看~主站和插件地址都没有变化
    huanghaofu86
        82
    huanghaofu86  
       2015-09-14 11:05:37 +08:00   ❤️ 1
    @teannnn
    问题一: 当我 www.doyouhike.net 时,点击后,链接变成, http://qianshan.co/www.doyouhike.net ,,有几个网站也一样,请查原因
    问题二: 现在只支持 9 个*9 个框架,不可能扩展?
    问题三: 那些位置不能由用户改变,如果可以鼠标拖拉改变位置就更好,
    teannnn
        83
    teannnn  
    OP
       2015-09-14 13:24:00 +08:00
    @huanghaofu86 谢谢建议。第一个问题,麻烦输入 http://或 https://。不然就会造成在当前站点路径打开的情况。需要加上 http://或 https://的本意是因为有一些站点需要 https ,但是我又觉得要维护一个站点和前缀对应的列表,可能也不是特别方便。这个我会尽快考虑下,看看怎么处理比较好。第二个问题,现在不能扩展。第三个问题,要做拖动,之前也有其他朋友提到的。谢谢建议啊
    wujunze
        84
    wujunze  
       2017-06-12 17:35:18 +08:00
    你好楼主 请问这个导航网站开源吗?
    @teannnn #83
    oldmenplus
        85
    oldmenplus  
       2017-08-08 00:44:16 +08:00
    ( ´_ゝ`) 已经两年了,悲惨

    Σ(゚∀゚ノ)ノ 用了插件,本来还想离线保存下来拿到公司,然而发现用插件的页面并不知道怎么保存,悲惨。
    leikou
        86
    leikou  
       2017-11-24 15:02:36 +08:00
    上面能加个百度和 google 吗?
    bluefountain
        87
    bluefountain  
       2020-03-06 10:22:15 +08:00
    用了好几年了,用起来很舒服,希望能增加:自定义背景图片,拖拽交换每个磁贴的位置,然后自定义分组格数。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2839 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 06:56 · PVG 14:56 · LAX 22:56 · JFK 01:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.