垂直页签功能建议

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

Firefox 树状标签页插件的效果

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

?

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

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

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

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

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

  • 思源笔记

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

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

    22340 引用 • 89396 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

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

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

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

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

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

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

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

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

    1 回复
  • 其他回帖
  • Pegasus1zz

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

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

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

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

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

  • Floria233

    赞同楼下 @embersky

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

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

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

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

    1 回复
  • Imuvux

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

  • 查看全部回帖

推荐标签 标签

  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 477 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    325 引用 • 1395 回帖
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。

    86 引用 • 122 回帖 • 625 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 16 关注
  • 心情

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

    59 引用 • 369 回帖
  • SVN

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

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

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 431 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    125 引用 • 169 回帖 • 1 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 2 关注
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    176 引用 • 815 回帖
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 113 关注
  • Ant-Design

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

    17 引用 • 23 回帖
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 303 关注
  • 百度

    百度(Nasdaq:BIDU)是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村,致力于向人们提供“简单,可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”,象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 175 关注
  • 创业

    你比 99% 的人都优秀么?

    84 引用 • 1399 回帖
  • Vditor

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

    351 引用 • 1814 回帖
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    567 引用 • 3532 回帖
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    55 引用 • 85 回帖 • 2 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 43 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    8 引用 • 30 回帖 • 407 关注
  • Wide

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

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

    30 引用 • 218 回帖 • 628 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    88 引用 • 1235 回帖 • 411 关注
  • Rust

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

    58 引用 • 22 回帖
  • 深度学习

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

    53 引用 • 40 回帖 • 2 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    169 引用 • 506 回帖
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖