设计一个上下文的新布局

[机杼]

近期使用TiddlyWiki的过程中，感觉到可以设计一个新的布局来增加侧边栏的展示功能。

即上下文布局。这个布局很容易想象出来，在屏幕中间划一条线，上面是故事河区域，也就是默认布局的左边区域。下面则是侧边栏区域。

然后可以选择是故事河区域在上面还是在下面。

其次就是对侧边栏进行拆分，第一行是按钮，可以放在那条线的下面，也可以放到屏幕最底下的位置。然后左边则是侧边栏的选项卡，需要点击才会展示。当然其实也可以转换成按钮的形式。感觉转换成按钮的形式会更好，点击才去显示。

中间那条线可以在最右端增加一个按钮，用来全屏故事河区域或者全屏下面的侧边栏区域。

灵感来源于flowtiwi-sidebar 插件的想法。

@linonetwo 不知道你感觉怎么样？

[机杼]

@Sttot 感觉可以作为新插件的选题。

[机杼]

https://talk.tiddlywiki.org/t/design-a-new-layout-for-the-top-and-bottom-areas/10986

英文论坛上的帖子。里面有几张草图方便理解。

[机杼]

好吧，我有点想当然了。正常屏幕都是横着摆放的，那么其实还是应该从左右划分区域入手。

但主要还是想高效利用侧边栏。

[linonetwo]

我不常用侧边栏了，重要功能我都做成新布局全屏使用了，例如健康记录、意义之塔

[机杼]

确实，我觉得可以做一些方式来更加方便处理更丰富的布局。

[linonetwo]

之前我是想界面上多显示一些东西，看起来比较高端酷炫，但发现这样打字会比较卡。
后来发现最实用的还是每个布局只显示一点点东西，最实用，又不卡，也适应移动端展示。

[机杼]

@linonetwo

我最近在搞这样一种插件，就是把布局和控制台都放在顶部。可以很方便切换。但控制台这种条目似乎需要放到故事河中才能显示，而CPL就不需要。不知道为啥。

我觉得你开发了很多个需要用到布局的插件的话，不妨可以试试这种思路。切换起来也许会更方便。

[机杼]

一键切换不同的布局。

当然我打算把原版的布局改一改。主要是侧边栏的tabs应该改成更现代化的UI。

类似这种风格的。但感觉改起来有难度。

[oeyoews]

shadcn/ui 都看上了啊

[机杼]

@oeyoews

我是在微信群里看到别人推荐的，但我自己不会用。还是老实用TiddlyWiki的东西去搞。

但我感觉我的那个思路挺不错的。可惜我的技术与经验不够。如果近期你有时间想开发一款新的主题插件的话，我可以详细告诉你。

[机杼]

Page Layout a Powerful Feature in TiddlyWiki

一方面是参考论坛里库克马的这个轮盘菜单，这样侧边栏右边的那些按钮就不需要再占用其他空间了。

然后顶部就是那些布局页面。但可以把控制台单独拿出来。因为控制台实际上不需要和其他条目交互，或者说要交互的时候很少。

再就是故事河区域的左边是类似上面shadcn/ui，左边是侧边栏，竖状排列过来的。类似于vscode的那种。而且可以开关闭。右边就是故事河的主体了。

而且搜索框也可以放在这样。同样是跟vscode差不多的，点击就弹出一小部分区域，然后用户去搜索。

这样一来就容易达到一个简洁好用的效果。

[oeyoews]

最近我都不怎么折腾了，应该是折腾够了吧，日常就写点tw日记，剪藏点文章，躺平了哈哈

[linonetwo]

https://crazko.github.io/krystal/ 把侧边栏都变成了点按钮打开的条目，也很有意思。

他是用故事河展示方式来做的，优点是还是「标准布局」（标准布局就是官方的这个故事河布局），从别的布局跳回「标准布局」就会打开它。（如果用新布局来做，很多默认返回标准布局的按钮，点了就不会跳过去了）

但缺点是它好像有的CSS没控制好生效范围，会影响别的插件。尤其是它改侧边栏的方式，改动太大了，我现在感觉对侧边栏有改动的话，可能还是做成新布局比较好。

[机杼]

我打算做一个魔改版的notebook主题插件。notebook原有仓库都归档了，也基本上没有再维护。

我修改了里面一些配置，用起来舒服多了。

自己从头开始做太难了，而且太麻烦了。改别人的反而愿意去学习。

而且5.3.0之后更新的条件快捷方式，真的非常好用。感觉之前的代码很多都可以重写一下，写成更简单的方式。

像notebook里面很多都还是用reveal微件来控制条件，看起来就很复杂。