分享我的个人导航网站

[xcatliu]

• http://123.xcatliu.com/
• GitHub

一直觉得浏览器的收藏夹有一些缺点，比如不能搜索，不能方便的分享给别人。

所以最近做了一个小项目，个人导航网站，分享给大家。

后续还会持续添加，欢迎关注。

另外可以 fork 之后创建自己的然后 issue 告诉我，我会在这个导航中添加你的网站。

[xcatliu]

支持拼音搜索

尝试了下用 css 的属性选择器配合 flexbox 的 order 排序搜索结果，感觉挺方便的

[data-name*="${query}"] {
order: -1;
}

虽然搜索功能不是很强大，不过够用了。

[watzds]

以前的导航是给不怎么会上网的人用的，已经不适合这个时代了。
我想做一个更加好用的，按访排序啊，防止书签压箱底啊，推荐其他人的书签什么的
不过我太懒了，一年多还是这么个 demo ，还丑得不行😂
rooti.net

[sisylocke]

喜欢这种风格

[FunctionOne]

挺有意思的设计。有没有想过如果以后扩充到一个页面放不下所有的链接的时候怎么处理？

[xcatliu]

@watzds 防止书签压箱底应该是一个挺有意思的功能，可与继续做呀，先自己用起来舒服就行 😄

[xcatliu]

@FunctionOne 一个页面放一千个应该也没关系吧。实在太多了也可以一开始就只显示前面固定数量的，搜索之后才能访问被隐藏起来的。

[xspoco]

我这个 50 内核的浏览器搜索不起作用，还有 IE11

[xcatliu]

@xspoco 可能是 order 在 ie 中需要前缀 -ms-flex-order ，我已更新。

不过这个是我的个人导航，我用的爽就行哈哈。

[windfarer]

滋瓷

[BoBoy]

收藏夹不能搜索？你确定？ 我用过的浏览器都能搜索， 特别是 google 浏览器安装个扩展，搜索不要太爽好嘛。

[xcatliu]

@BoBoy 装了扩展后确实方便了许多

[Govda]

可以 ctrl+f 搜索
chrome 地址栏补全很好用..

[yunji3344]

支持

[adubi]

@watzds 不错的思路，怎么没继续做

[watzds]

@adubi 今天加了微博登录，调了样式，欢迎访问…
rooti.net

[luchenqun]

我也做了一个。哈哈哈！
http://mybookmark.cn/

[designer]

@watzds 感谢支持，我那个是叫创造狮。。。不是创意师。 chuangzaoshi.com

[adubi]

@watzds 哈哈哈，加.企鹅吗？

[watzds]

@designer 😂我知道，当时打错了保存才发现，还没写修改接口呢

[taurenshaman]

已关注