垂直页签功能建议

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

Firefox 树状标签页插件的效果

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

?

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

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

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

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

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

  • 思源笔记

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

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

    23007 引用 • 92542 回帖

相关帖子

欢迎来到这里!

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

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

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

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

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

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

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

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

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

    1 回复
  • 其他回帖
  • Imuvux

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

    2 回复
  • Imuvux

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

    1 回复
  • Imuvux

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

  • 查看全部回帖

推荐标签 标签

  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    22 引用 • 22 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 635 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    30 引用 • 96 回帖
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    149 引用 • 257 回帖
  • SVN

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

    29 引用 • 98 回帖 • 694 关注
  • LaTeX

    LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 49 关注
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 147 关注
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 140 关注
  • Kafka

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

    36 引用 • 35 回帖
  • 倾城之链
    23 引用 • 66 回帖 • 138 关注
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 1 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    286 引用 • 248 回帖 • 44 关注
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 76 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 591 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    354 引用 • 1823 回帖 • 1 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    66 引用 • 114 回帖 • 223 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 486 关注
  • 深度学习

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

    53 引用 • 40 回帖 • 2 关注
  • Python

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

    545 引用 • 672 回帖
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 780 关注
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 138 关注
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 101 关注
  • 电影

    这是一个不能说的秘密。

    121 引用 • 604 回帖 • 1 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    5 引用 • 7 回帖 • 1 关注