分享我的个人导航网站

[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]

已关注

[magensky]

标记一下

[ooTwToo]

数据支持同步么？

[xcatliu]

@ooTwToo 目前我都是手动添加的。

[parvin]

mark and support

[zddewe]

@xcatliu 搜索框 autofocus

[xcatliu]

@zddewe 我监听了全局的按键事件，你可以试试不 focus 的时候按键，会自动 focus 搜索。

[xcatliu]

@zddewe 直接 autofocus 的话，移动端体验不是很好

[sorry]

撸表情 http://www.lubiaoqing.com

收录否？

[J0022ZjV7055oN64]

@sorry #26 试了 千岁 康纳 龙女仆 都没有结果

[xcatliu]

@yansyuei 现在收录的还不多，我的收藏夹也还未全部转过来 😝

[xcatliu]

@sorry 我觉得有价值有意思的都会收录呀，一会儿我看看

[xiaotai]

支持

[a308057848]

matrix67

[xcatliu]

@a308057848 Matrix67 的博文都挺有意思

[Khlieb]

哈拉休

[mingyun]

@sorry 斗图神器啊

[mikej]

求问下，修改监听端口咋报错了，我带上了端口参数啊？
net.js:1479
throw new Error('Invalid listen argument: ' + util.inspect(options));
^

Error: Invalid listen argument: { port: true }
at Server.listen (net.js:1479:9)
at Object.<anonymous> (/da2/server/nav_page/node_modules/pagic/bin/pagic-build.js:32:5)
at Module._compile (module.js:569:30)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
at Function.Module.runMain (module.js:605:10)
at startup (bootstrap_node.js:158:16)
at bootstrap_node.js:575:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `pagic build -ws -p 8001`

[xcatliu]

@mikej 你是没有修改任何代码，只是用 -p 8001 来指定端口吗？

[mikej]

@xcatliu 恩，没有修改源代码，改了 package.json，在 start 指令后添加了 -p 8001

[oldmenplus]

比较悲惨的是每个网站没有介绍( ´_ゝ｀)

[xcatliu]

@oldmenplus 有介绍呀，名称里面就包含介绍

[tuding]

@luchenqun 很强大啊. 但是没有找到备忘录的导出呢

[luchenqun]

@tuding 备忘录没有导出。。。

[usboy]

推荐收录 - 表格转换工具

网站名称：表格工具
网站域名： https://tableconvert.com/
网站介绍：一个功能强大的在线表编辑器，支持 Excel、Markdown、JSON、CSV、HTML 等格式的相互转换
所属分类：工具

[wulintangos]

@sorry 抱歉，网站已停止运营...

[wulintangos]

我做了个昨日头条 www.zuori.net.cn