垂直页签功能建议

本贴最后更新于 428 天前,其中的信息可能已经时过境迁

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

Firefox 树状标签页插件的效果

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

?

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

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

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

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

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

  • 思源笔记

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

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

    28446 引用 • 119768 回帖

相关帖子

欢迎来到这里!

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

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

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

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

    1 回复
  • Imuvux

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

  • qiancang

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

    1 回复
  • Floria233

    赞同楼下 @embersky

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

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

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

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

    1 回复
  • Imuvux

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

    2 回复
  • Imuvux

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

    1 回复
  • Floria233

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

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

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

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

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

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

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

    1 回复
  • Imuvux

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

  • Pegasus1zz

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

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

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

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

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

  • ZQ11 1 评论

    其实你说的书签 标签都可以解决

    只是目前标签和书签还没得到足够的关注

    与我的需求最接近的东西是 Ctrl+E 最近的文档,要点不是管理而是即时使用
    Imuvux
请输入回帖内容 ...

推荐标签 标签

  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    502 引用 • 1397 回帖 • 240 关注
  • PostgreSQL

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

    23 引用 • 22 回帖
  • 导航

    各种网址链接、内容导航。

    45 引用 • 177 回帖
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 44 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 563 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    308 引用 • 773 回帖
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 429 关注
  • 深度学习

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

    45 引用 • 44 回帖 • 1 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    134 引用 • 1128 回帖 • 93 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    8 引用 • 69 回帖 • 6 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖 • 6 关注
  • Linux

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

    960 引用 • 946 回帖
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 67 回帖 • 436 关注
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 260 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 693 关注
  • Gzip

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

    9 引用 • 12 回帖 • 203 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    5 引用 • 16 回帖 • 3 关注
  • AngularJS

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

    12 引用 • 50 回帖 • 531 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 475 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    85 引用 • 324 回帖
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    29 引用 • 66 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 60 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 707 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 413 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 2 关注
  • V2Ray
    1 引用 • 15 回帖 • 4 关注