【DV脚本】展示仓库所有文件夹和文件 V1.0.0.20250820 (形式为总共两页和四个分栏的视图)

关键亮点

  1. :file_folder:文件夹导航:只需点击 3、4 下,轻松查看大量信息:file_folder::rosette::mag_right::date::clock1030::scroll::page_facing_up::information_source::green_circle::red_circle::orange_circle::star::arrow_forward::framed_picture::sparkles::heavy_plus_sign::sparkle:,并到达任何一个文件夹或文件
  2. :label:检索标识导航:只需点击一下:mag_right:,轻松查看对应文件夹所有检索标识:bookmark::label::heavy_plus_sign::white_check_mark::sparkle::information_source:。再点击一下,就可查看对应文件夹的所有有检索标识的文件并开始浏览

图片预览

  • 在【第一页】
  • 在【第二页】
    • 【第二页】的视图可能会显示成这个样子
    • 位于右侧的,【元信息丰富的文件项】会像文件 table-record23.md 这样显示
    • 对于【每个文件项】,会在其下面附加显示的 frontmatter【特殊属性】为: ["icon", "cover", "kws", "tags", "categories", "rating", "status", "description"],并且额外显示 ["file.cday", "file.mday"]
      • 在任何情况,会向下面示例表现的一样附加显示创建日期 "file.cday" 和修改日期 file.mday
        • image
      • 当所有特殊属性都为空时,会这样显示
        • image
      • "icon" 非空且为一个图片 wiki 链接时,会这样显示
        • image
      • "cover" 非空且为一个图片 wiki 链接时,会这样显示
        • image
      • "kws" 非空且为一个数组时,会这样显示
        • image
      • "tags" 非空且为一个数组时,会这样显示
        • image
      • "categories" 非空且为一个数组时,会附加显示类似如下的表格的一行的区域
        • image
      • "status" 非空时,会附加显示类似如下的表格的一行的区域
        • image
      • "rating" 非空且为数字时,会附加显示类似如下的表格的一行的区域
        • image
      • "description" 非空时,会这样显示
        • image

技术信息

  • 这个视图由【两页】构成
    • 第一页展示【库的文件夹结构】,左边的是简略的文件夹结构,右边是更详细的文件夹结构(左边和右边都不包含所有文件夹)
    • 第二页展示【特定的一个文件夹】的文件夹结构和对应的每个文件
      • 左边是在特定的一个文件夹内的【简略】文件夹目录结构:card_index_dividers:(左边不包含所有文件夹)
      • 右边是在特定的一个文件夹内的【所有文件夹:card_index_dividers:和所有文件:page_facing_up:
      • 根据当前特定文件夹的内容,可能会显示【文件夹笔记预览嵌入】【标签按钮区】【索引区】或【日期归档区】
  • 【相关的图标】的含义
    • :file_folder:代表每个页面内的文件夹项的【左右相互跳转】
    • :mag_right:代表【页面间跳转】(从第二页到第一页,或者从第一页到第二页)
      • 第一页的文件夹项的:mag_right:代表从第一页的文件夹项跳转到第二页的【特定文件夹视图】
      • 第二页的最顶层标题的:mag_right:代表返回第一页的对应【特定文件项】
    • :rosette:代表每个页面的,仅仅在右边【孤立出现】的文件夹项(不出现在左边)
    • :date:代表仅仅在第二页出现的【特定月份】虚拟文件夹,:date:的跳转功能与:file_folder:类似
    • :clock1130:代表仅仅在第二页出现的【特定日期】虚拟文件夹,:clock1130:的跳转功能与:file_folder:类似
    • ……

运行方法

将脚本的代码保存成 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)

更新了【按钮区域】的样式



3 个赞

大家觉得这个 DV 脚本有什么不足吗?欢迎提出建议