垂直页签功能建议

看了思源默认主题的改进建议这篇帖子,感觉页签顶栏融合方案应该算是公认的现代化优秀设计。这里提一个更激进的页签布局方案,考虑到未必适合作为默认主题所以写到这篇帖子里。具体而言,希望能够借鉴浏览器、VS Code 等的垂直标签页功能,甚至直接将页签与侧栏合并。

Firefox 树状标签页插件的效果

个人操作习惯会保持打开许多文档,此时一横排页签完全看不过来需要经常滚动。有的主题还会压缩顶栏空间导致显示效果变得很微妙。

?

思源特有的一种多文档工作方案是开多个浮窗,不过需要各种摆放调整,很损耗空间时间,实用性有限。某种程度上,正是多页签的管理不便才导致了「在当前页签打开」功能的广泛使用。因此,希望能在软件中实现页签的垂直排布,提升浏览效率、侧栏利用率和横向空间利用率。这里能想到两种方案:

  • 类似 Asri,Savor 等主题的顶栏融合方案,在侧边栏单开一片区域罗列页签图标标题。这样能最大程度地利用 Dock 栏。
  • 类似书签 + 插件的单独 Dock 图标,在文档树、大纲上方添加“页签树”,通过点击图标展开显示已打开文档。这样相当于常驻显示最近文档的上位功能,比较容易实现用分组来展示文档分屏效果。

垂直页签的优点就是便于多文档浏览并提升侧栏与横向空间利用率,个人在 VS Code 里就会将编辑器页面和大纲放在辅助边栏。

VS Code 的侧栏效果,调整布局充分展示信息

题外话,设置里的文档树一栏可能更适合叫做“文档树与标签页”,其实某种程度上就暗示了页签管理与文档管理的相似性。当然以上都只是本人的一些拙见。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22336 引用 • 89377 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • EmberSky

    看到楼主这个, 才感觉 只是一个人一个习惯, 我就喜欢只开一个页面, 偶尔会开两三个

    垂直的见仁见智吧, 还有一种方案, 就是多行显示, 像 vscode 这样 image.png

    1 回复
  • Imuvux

    多行显示页签的问题就是会占据更多的纵向空间,而且每个页签宽度不同反而没有垂直页签看着规整。其实增加页签 Dock 还有一个优点就是对移动端更友好,目前我都不知道怎么在手机上切换打开的文档()

  • qiancang

    你都用上 savor 主题的顶栏合并了,没发现 savor 也有垂直页签吗

    1 回复
  • Floria233

    赞同楼下 @embersky

    垂直页签负责切换,目前思源一级树(实在不行还有二级树)已经有挺多设计在辅助这个设计,而且这是一款双链笔记软件,双链设计的一种功能,不就是让人更专注在文档内容间的联动 or 切换,而减少文档的切换吗(这才有之前某些大大认为,连一级树都是没必要的)

    横向页签负责展示,辅助也可切换。

    横向页签的暗含设定是——不那么重要的文档,你不可能点开 or 长驻,如果是重要的文档,其数量必不可能太多——真多的话,双链的集成度是不是可以秒杀页签呢?

    so,也许真是时候重新审视一下“双链“这个功能,应该如何为自己所用了

    1 回复
  • Imuvux

    Savor 的垂直页签我试下来有些问题,比如关不掉侧栏面板,面包屑和文档工具栏消失;而且既然专开了一片区域放置页签就不需要分屏时也分出页签栏了,用分隔线区分分组就可以了

    2 回复
  • Imuvux

    我感觉正是有了双链才导致内容更破碎了,才会存在更多文档同时打开的情形。双链不是标签不能超脱文档的载体,不同内容并不一定同时存在于同一个反链面板里,更不可能全部位于同一文档里。从双链哲学的视角看,已打开页签相当于在编辑器内构建了一个短生命周期的临时正链集合,正是因为存活时间灵活不定所以不能用真正的具有中长期寿命的双链取代其作用。我个人其实倾向于书签 + 插件的动态书签组设计,将《当前打开的页签》作为一个动态变化的书签组摆到侧栏。

  • Floria233

    我猜想你想说的功能应该是类似 obsidian 的 quick explore 这个插件

    这个插件就能做到,开启标题级别的文档切换(在开启的文档间)

    这种设计确实更让人安心,但就我的使用经验,它大致又是归于“我可以不用你不可以没有”这个区域。

    因为真正频繁切换文档时,文档树的页面呈现更直观,调用度更高。

    如果是利用标题来在文档树中切换 or 定位,这功能应用于少数文档还好,文档多了就会废(参考文档的移动设计,这时候还不如去文档树切换呢),耗费心智和目视注意力。

    并且 因为现在有二级树,这个是不是和二级树的功能有一定的互相取代性?即开发的必要度好像又被降低了一点(要是没二级树的话,这个好像也不错 但文档的拖拽最后还得二级树来实现)

    so,花架子,中看,有一定可用性,可以被替代,就是这功能的微妙尴尬之处了。

    1 回复
  • Imuvux

    您的观点非常合理但是和这篇帖子说的并不是一件事。我采用了 MOC 面向主题地管理笔记链接的方法,内容结构并不体现在文档树上,当前已打开的页签组只有逻辑关联没有位置关联,所以与文档树没有关系。文档树的页面呈现当然更直观,而正是因为现有方案里已打开页签只能在横向空间上排布个个离得老远,所以才希望有一个类似于文档树的树状页签栏密集放置页签。

  • Pegasus1zz

    Savor 的垂直页签我试下来有些问题,比如关不掉侧栏面板

    这个问题我也有遇到,但又割舍不掉这个垂直页签。我尝试过两种自适应的解决方案:

    1.需要分屏的时候关掉垂直页签,很朴素的方法 XD。虽然有点笨但也还好,而且一般我要分屏的时候都不怎么切换标签页,就是两个文档从头看到尾。

    2.现在用的更聪明一点但还是很朴素的方法:自定义一下“移动到新窗口”的快捷键,在需要分屏的时候把那两个标签页拖到新窗口去就好了,垂直标签栏不会影响到这个新窗口。

    第二个方案对我来说已经足够便捷好用了,几乎没有摩擦。但缺点也很明显,那就是新窗口用不了文档树。

请输入回帖内容 ...

推荐标签 标签

  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 384 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    53 引用 • 40 回帖
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    153 引用 • 3783 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    543 引用 • 672 回帖 • 1 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    47 引用 • 25 回帖
  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 629 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    943 引用 • 943 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 510 关注
  • 互联网

    互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。

    98 引用 • 344 回帖
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 71 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 4 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 211 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 762 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    340 引用 • 708 回帖
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 680 关注
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 474 关注
  • 音乐

    你听到信仰的声音了么?

    60 引用 • 511 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1348 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 5 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖