NavShelf 是什么
NavShelf 是一个免注册的网页版导航页——也有人叫它起始页、个人主页。左边是可以层层嵌套的目录树,右边是链接卡片,你把每天要去的十几个网站按自己的分类放进去,打开浏览器第一眼就能看到:没有推荐流,也没有需要关掉的弹窗。除收藏之外,它还有英文 / 简体中文 / 繁体中文三种界面语言、日夜两套主题,以及一个工具栏目,里面是 Base64、JSON 格式化、时间戳转换这类直接在浏览器里运行的小工具。目录、链接、搜索设置全部存在你自己的浏览器本地,不上传,也不需要账号。
为什么书签需要一个层级
浏览器书签默认是扁平的:一条很长的列表,最多加一两层文件夹。存到几百个之后,你只能靠搜索——而搜索的前提是你还记得那个链接大概叫什么。记不住,就等于没存。
目录层级解决的是另一个问题:你不需要记得,只需要知道它在哪。就像在硬盘上找两年前的一份合同,你不会去搜文件名,而是顺着「客户 → 2026 → 合同」这条路径点进去。
NavShelf 用的就是文件管理器那套模型,并且给了足够用的深度:最多五层目录。
目录树和内容区分别在做什么
打开 NavShelf 后,界面分成两半,各管一件事:
- 左侧目录树:只放目录结构,不放链接。每个节点前有一个颜色固定的小方块,同一层的目录颜色互相区分,用久了你会靠颜色记住位置;有子目录的节点前面有小三角,点一下就能展开或收起整棵子树。
- 右侧内容区:显示当前目录里的内容,分成「子目录」和「链接」两个区块。目录卡片右侧的数字是这个目录下的链接数量(包含子目录里的链接),不用点进去就能看出哪一支还是空的。
在目录树里点任意节点,右侧立刻切换过去;工具栏上的面包屑会同步显示完整路径。
五层分别该回答什么
五层听起来不多,用起来的关键是:每一层回答一个不同的问题,层级才有意义。
| 层级 | 回答的问题 | 例子 |
|---|---|---|
| 第 1 层 | 这属于生活的哪一块? | 工作 / 学习 / 生活 |
| 第 2 层 | 具体是哪个项目、哪个对象? | 客户 A / 官网改版 |
| 第 3 层 | 里面的东西分几类? | 合同 / 设计稿 / 参考资料 |
| 第 4 层 | 有没有时间或版本维度? | 2026 / 旧版 |
| 第 5 层 | 少数需要长期保留的细分 | 已签署 |
大多数内容停在第三层就够了。第 4、5 层不是目标,是留给确实会长期累积的东西——逐年归档的合同、按版本迭代的设计稿、按年份分开的报销单据。
什么时候该停止嵌套:如果你新建的文件夹里只打算放一个链接,那它不该是文件夹,把链接放在上一层更省事。这条判断比任何层数规定都有用。
一个完整的例子
我的收藏
├── 工作 第 1 层
│ ├── 客户 A 第 2 层
│ │ ├── 合同 第 3 层
│ │ │ └── 2026 第 4 层
│ │ └── 设计稿
│ └── 官网改版
├── 学习
│ ├── 编程
│ └── 语言
└── 生活
├── 家居
└── 旅行
这套结构是怎么走的:要找客户 A 去年签的合同 → 工作 → 客户 A → 合同 → 2026,四步。每一步都是你脑子里本来就有的分类,不需要回忆文件名,也不需要思考"我当初到底存在哪儿了"。
如果还不习惯用目录树,可以先从「工作 / 学习 / 生活」三个顶层目录起步,用一段时间再调整。
日常操作:建、折叠、跳转
- 新建子目录:在目录树上右键 → 新建目录;在内容区空白处右键也一样。新目录会建在你当前所在的位置。
- 展开/收起:目录名前的小三角控制整棵子树。默认是全部展开的,觉得侧栏太长时把不常用的分支收起来。
- 跳转:点目录名进入下一层;点面包屑里的任意一级回到对应位置;面包屑最前面的「我的收藏」永远可以一键回到根目录。
- 手机端:面包屑会自动收成一行,点右侧的「显示完整路径」可以展开完整路径再点选。
三条保护规则
- 最多五层:已经在第五层时再新建子目录,会提示「最多支持 5 层目录。」并拒绝创建。
- 不能把目录拖进自己的子目录:拖拽过程中会被拦住。这么做会让结构成环,整棵树会坏掉。
- 删除会级联:删除一个目录会连同它的全部子目录和链接一起删掉,所以会先弹确认框——这也是删除操作里唯一需要看清楚的提示。
常见问题
第一层目录多少个合适? 五到七个。真正的空间在第二、三层,总数不必刻意控制。
能不能连目录带链接一起搬走? 可以,拖拽目录时子目录和链接会跟着走;如果搬过去会让某条分支超过五层,这次移动会被拒绝(拖拽的完整规则会另写一篇讲)。
目录卡片上的数字是什么?
该目录下的链接总数,包含子目录里的链接。所以一个显示 12 的目录,点进去可能只有三个链接,其余九个在它的子目录里。
删错了怎么办? 删除立即生效,没有回收站。养成定期「导出 JSON」的习惯——那是你唯一能回到上一个状态的方式。
该用目录还是标签? 需要按位置反复找回来的东西用目录;只想快速捞一次、不需要长期结构的东西,留在浏览器的临时书签里更合适。
这篇和上一篇什么关系? 上一篇讲的是把 NavShelf 设成浏览器起始页(10 分钟搭好导航页),这篇讲的是导航页里最核心的那棵树。先搭骨架,再往里填内容,顺序正好。
先搭一个小结构
不要一次设计出"完美"的五层结构,那种设计通常撑不过三个月。先建三个第一层目录,放进你每天真的会点的链接,等某一层确实装不下了再往下分。
打开 NavShelf,右键建第一个子目录,剩下的让使用习惯自己长出来。