文件管理

NavShelf 是什么 NavShelf 是一个免注册的网页版导航页——也有人叫它起始页、个人主页。左边是可以层层嵌套的目录树，右边是链接卡片，你把每天要去的十几个网站按自己的分类放进去，打开浏览器第一眼就能看到：没有推荐流，也没有需要关掉的弹窗。除收藏之外，它还有英文 / 简体中文 / 繁体中文三种界面语言、日夜两套主题，以及一个工具栏目，里面是 Base64、JSON 格式化、时间戳转换这类直接在浏览器里运行的小工具。目录、链接、搜索设置全部存在你自己的浏览器本地，不上传，也不需要账号。 为什么书签需要一个层级 浏览器书签默认是扁平的：一条很长的列表，最多加一两层文件夹。存到几百个之后，你只能靠搜索——而搜索的前提是你还记得那个链接大概叫什么。记不住，就等于没存。 目录层级解决的是另一个问题：你不需要记得，只需要知道它在哪。就像在硬盘上找两年前的一份合同，你不会去搜文件名，而是顺着「客户 → 2026 → 合同」这条路径点进去。 NavShelf 用的就是文件管理器那套模型，并且给了足够用的深度：最多五层目录。 目录树和内容区分别在做什么 打开 NavShelf 后，界面分成两半，各管一件事： 左侧目录树：只放目录结构，不放链接。每个节点前有一个颜色固定的小方块，同一层的目录颜色互相区分，用久了你会靠颜色记住位置；有子目录的节点前面有小三角，点一下就能展开或收起整棵子树。 右侧内容区：显示当前目录里的内容，分成「子目录」和「链接」两个区块。目录卡片右侧的数字是这个目录下的链接数量（包含子目录里的链接），不用点进去就能看出哪一支还是空的。 在目录树里点任意节点，右侧立刻切换过去；工具栏上的面包屑会同步显示完整路径。 五层分别该回答什么 五层听起来不多，用起来的关键是：每一层回答一个不同的问题，层级才有意义。 层级 回答的问题 例子 第 1 层 这属于生活的哪一块？ 工作 / 学习 / 生活 第 2 层 具体是哪个项目、哪个对象？ 客户 A / 官网改版 第 3 层 里面的东西分几类？ 合同 / 设计稿 / 参考资料 第 4 层 有没有时间或版本维度？ 2026 / 旧版 第 5 层 少数需要长期保留的细分 已签署 大多数内容停在第三层就够了。第 4、5 层不是目标，是留给确实会长期累积的东西——逐年归档的合同、按版本迭代的设计稿、按年份分开的报销单据。 ...