关键亮点
文件夹导航:只需点击 3、4 下,轻松查看大量信息
,并到达任何一个文件夹或文件
检索标识导航:只需点击一下
,轻松查看对应文件夹所有检索标识
。再点击一下,就可查看对应文件夹的所有有检索标识的文件并开始浏览
图片预览
- 在【第一页】
- 【第一页】的视图可能会显示成这个样子
- 【第一页】的视图可能会显示成这个样子
- 在【第二页】
- 【第二页】的视图可能会显示成这个样子
- 左侧的导航区域可能由 6 个分区组成
文件夹结构导航区
当前文件夹的对应文件的列表项(可以导航到对应文件的预览嵌入区域)
关键词区
索引区
包含创建月份的区域
包含修改月份的区域
- 位于右侧的,【元信息丰富的文件项】会像文件
table-record23.md
这样显示 - 对于【每个文件项】,会在其下面附加显示的
frontmatter
【特殊属性】为:["icon", "cover", "kws", "tags", "categories", "rating", "status", "description"]
,并且额外显示["file.cday", "file.mday"]
- 在任何情况,会向下面示例表现的一样附加显示创建日期
"file.cday"
和修改日期file.mday
- 当所有特殊属性都为空时,会这样显示
- 当
"icon"
非空且为一个图片 wiki 链接时,会这样显示 - 当
"cover"
非空且为一个图片 wiki 链接时,会这样显示 - 当
"kws"
非空且为一个数组时,会这样显示 - 当
"tags"
非空且为一个数组时,会这样显示 - 当
"categories"
非空且为一个数组时,会附加显示类似如下的表格的一行的区域 - 当
"status"
非空时,会附加显示类似如下的表格的一行的区域 - 当
"rating"
非空且为数字时,会附加显示类似如下的表格的一行的区域 - 当
"description"
非空时,会这样显示
- 在任何情况,会向下面示例表现的一样附加显示创建日期
- 【第二页】的视图可能会显示成这个样子
技术信息
- 这个视图由【两页】构成
- 第一页展示【库的文件夹结构】,左边的是简略的文件夹结构,右边是更详细的文件夹结构(左边和右边都不包含所有文件夹)
- 第二页展示【特定的一个文件夹】的文件夹结构和对应的每个文件
- 左边是在特定的一个文件夹内的【简略】文件夹目录结构
(左边不包含所有文件夹)
- 右边是在特定的一个文件夹内的【所有文件夹
和所有文件
】
- 根据当前特定文件夹的内容,可能会显示【文件夹笔记预览嵌入】【标签按钮区】【索引区】或【日期归档区】
- 左边是在特定的一个文件夹内的【简略】文件夹目录结构
- 【相关的图标】的含义
代表每个页面内的文件夹项的【左右相互跳转】
代表【页面间跳转】(从第二页到第一页,或者从第一页到第二页)
- 第一页的文件夹项的
代表从第一页的文件夹项跳转到第二页的【特定文件夹视图】
- 第二页的最顶层标题的
代表返回第一页的对应【特定文件项】
- 第一页的文件夹项的
代表每个页面的,仅仅在右边【孤立出现】的文件夹项(不出现在左边)
代表仅仅在第二页出现的【特定月份】虚拟文件夹,
的跳转功能与
类似
代表仅仅在第二页出现的【特定日期】虚拟文件夹,
的跳转功能与
类似
- ……
运行方法
将脚本的代码保存成 folder-view.js
,并且放在库内,然后写入如下代码(注意要启用dataview插件,并且启用 dataviewjs
执行的设置选项)
```dataviewjs
dv.view("folder-view");
```
相关的 DV 脚本 (总共 1096行代码)
相关的DV脚本的位置
仓库位置
仓库内文件位置
assets/documents/javascript/folder-view.js
功能更新(2025-08-18 17:41)
添加了对文件夹项【总结文本的链接探测和渲染功能】
功能更新 (2025-08-19 11:14)
在特定文件夹视图分页,修改了【面包屑】,添加了当前文件夹的【对应文件的内容预览区】,并且修复了【虚拟文件夹的过度嵌套】
功能更新 (2025-08-19 15:56)
在特定文件夹视图分页,增加了 【“标签” 过滤】功能(类似于 WorkFlowy )。可以查看当前文件夹的【所有标签和关键词】,并且根据标签或关键词执行【过滤操作】
功能更新 (2025-08-19 22:05)
在【标签按钮区】增加了特殊标签按钮【[All] - 所有笔记】和【[Untagged] - 未标引的笔记】,并且将后面的【标签按钮】变更成按相关笔记数降序排序。
功能更新 (2025-08-20 02:51)
增加了【索引按钮区(可配置)】和【月份按钮区】
功能更新 (2025-08-20 20:52)
更新了【按钮区域】的样式