我该到了右侧

.layout-tab-bar .item.item--pin .item__text {
    padding-right: 20px;
}
/* 添加一个钉子图标 */
#layouts .layout__center div:not(.fn__none) > .layout-tab-bar:not(.layout-tab-bar--readonly) .item--pin::before {
    content: "📌";
    font-size: 0.8em;
    right: 4px;
    position: absolute;
    transform: rotate(-45deg);
}

看着应该不是不能设置了, 而是这些颜色都变成同一种了, 其实功能应该还是可以用的

挨个关一下 css 片段试试

感觉看着还行吧

要不设置成明天？

正常超过一页内容的，右边都会有滑条 1 这种东西的吧

我感觉滑条 2 是思源自己加的

6

js 可以做，可以等等大佬

分享两个好用的代码片段

看下这个？不过这个是把 js，css 放在顶栏，重新加载 放在底部栏

把 content 后面的 123456 换成你想要的

我最近没带电脑，没法给代码

看下搜索条件有没有这个块的类型

[css] 分享默认主题下自用的一些代码片段

参考一下这个

不知道下面这些办法你是否见过，不说解决，说规避办法吧，

1，隐藏文档图标

2，隐藏菜单，新建文档，被引用数

3，文档树压缩

4，鼠标悬浮后，换行显示

5，鼠标悬浮后，取消缩进

6，默认过长的文档换行显示

1-5 用插件或代码片段都是可以做的

6 好像见到 w 佬 实现过，不过不确定，可能是我记错了

看着好像是隐藏不了的
推荐个小技巧: 按住 shift 再滚动滚轮 就是左右滚动

你应该有其他的样式和主题, 所以不确定这个你能不能用

自己调一下 90

/*只修改标题上的标签*/
div[data-type="NodeHeading"]>div>span[data-type="tag"] {font-size:calc(90%);}
/*修改文档里所有标签*/
.layout__center span[data-type="tag"] {font-size:calc(90%);}

在这些 h3 前面 加一个 h2

然后右键 h2, 选择 带子标题转换

我平时文档的一级标题都是用的 h2, 进可攻, 退可守

1000 自己调

.layout__center textarea{width:1000px!important;}

这方法好, 先掏钱, 再干活

文档树肯定是非常必要的功能, 没有文档树我会直接弃

我的意思是, 可以先考虑需求, 再考虑效果, 所有的效果都是为了解决需求

个人建议在讨论思路之前, 可以先明确一下自己的需求: 文档树这种形式可以对自己有什么帮助, 然后再考虑交互效果

最近我发现, 我一般都是在需要归档(有新笔记)的时候, 才会用到文档树, 而归档其实对文档树的要求不高

笔记我更多的是拿来检索, 平时检索的时候, 一般都是直接搜索文档名的, 很少用到文档树

因为我感觉文档多了之后, 不管文档树是什么效果, 用起来都比较繁琐

在脱离思源的基础上, 我还没想到一个好的交互, 可以通过文档树, 让检索变得简单

我调的时候, 一般也是重新加载, 我还特意在顶栏加了重新加载的按钮

文档树自定义 插件可以在鼠标悬停的时候, 换行

1. css 是可以隐藏文档树图案, 但是隐藏之后, 是文字左移, 而不是折叠按钮右移

   /* 隐藏: 文档树->文档->图标 */
   div.sy__file>div.fn__flex-1 ul>li>span.b3-list-item__icon {display: none!important;}
   

2. 你用的这个插件应该是文档树自定义, 它里面有个文档树压缩, 可以研究一下
3. 另外, 推荐一个 js 片段, 单击折叠/展开文档树, 也可以试下效果

   /* 文档树点击文档自动展开下级 JS片段 */
   setTimeout(() => {
       console.log("加载代码片段：自动展开文件树");
       document.querySelector('.sy__file').addEventListener('mousedown', event => {
           if (!event.target.classList.contains('b3-list-item__text')) return;
           if (event.target.parentNode.getAttribute("data-type") !== "navigation-file") return;
           const b3ListItemToggle = event.target.parentNode.querySelector('.b3-list-item__toggle');
           if (b3ListItemToggle.classList.contains('fn__hidden')) return;
           b3ListItemToggle.click();
       });
   }, 200);
   
   

css 可以调整高度, 不过这是统一调整的,

.protyle-background__img:not(.fn__none)>img {height:30px;}

有个规避方案, 将文档内容复制出来, 然后将 ## 替换成 ###

然后再粘到文档内里

夸奖我就收下了, 但是声明一下, 这插件不是我做的, 哈哈哈

呃, 别骂了, 别骂了, 这不是我做的插件, 我也是今天逛集市的时候无意中看到的

@Floria233 二级文档树有插件了, 我这边之后就不会再更新 js 代码了
这个插件已经实现了大部分功能

确实, 虽然我只有一个空间, 但是感觉这个功能很好用

我觉得可以参考下 ediary 的效果

1. 正常进入之后, 默认是选择工作空间页面, 而不是默认进入某个空间 (如果能做成配置, 那更好了)
2. 右键任务栏图标, 选择空间, 还能设置置顶什么呢, 比较方便, 其实这个功能好多软件都有, 盲猜算是成熟的技术

那就是因为: 文档树加载的时候有延时导致的, 所以 js 代码也加一个延时就行了, 一般 200 就够了, 如果还不行, 就自己调高一点, 单位是毫秒

/* 文档树点击文档自动展开下级 JS片段 */
setTimeout(() => {
    console.log("加载代码片段：自动展开文件树");
    document.querySelector('.sy__file').addEventListener('mousedown', event => {
        if (!event.target.classList.contains('b3-list-item__text')) return;
        if (event.target.parentNode.getAttribute("data-type") !== "navigation-file") return;
        const b3ListItemToggle = event.target.parentNode.querySelector('.b3-list-item__toggle');
        if (b3ListItemToggle.classList.contains('fn__hidden')) return;
        b3ListItemToggle.click();
    });
}, 200);

误人子弟了, 之前说的代码有问题, 应该是这样

.layout-tab-container div.b3-tooltips__w {opacity:1; color:red;}
.layout-tab-container div.b3-tooltips__w.protyle-scroll__up {top:calc(10%);}
.layout-tab-container div.b3-tooltips__w.protyle-scroll__down {bottom:calc(20%);}