思源 v2.4.7 代码片段分享：让你能塞进更多大纲

思源在 v2.4.7 来了一次史诗级更新，支持 css、js 片段，终于能折腾这些跨不同主题的东西了。

代码片段如何使用，参见这个

思源笔记对应大纲式笔记的支持还是不错的，但是我一直觉得思源的大纲层级缩进距离太大了：

在第 22 层就会缩进去

而 logseq 感觉好点：

能缩进到 26 层级

remNote 能支持到 33 层级：

个人认为，缩进对于大纲笔记的观感影响是很大的。当缩进距离过大时，不需要进入几个层级，就会感觉页面被空白和竖线占据，让人感觉不舒服。

固然，这些更改在 css 层面是很容易实现的，但是更换主题、更新主题就要重来一变，让人不胜其烦——但是，这已经是过去式了！思源支持代码片段了！

这是修改后的层级：

• 大档

• 中档

• 小档

css 片段见下：

/*大档*/
.protyle-wysiwyg [data-node-id].li>div:nth-child(2) {
    margin-top: -0.3em !important;
}
.protyle-wysiwyg [data-node-id].li>[data-node-id] {
    margin-left: 1.7em !important;
    padding-left: 0.3em;
}
.protyle-wysiwyg [data-node-id].li>.list {
    padding-left: 0em;
}

/*中档*/
.protyle-wysiwyg [data-node-id].li>div:nth-child(2) {
    margin-top: -0.3em !important;
}
.protyle-wysiwyg [data-node-id].li>[data-node-id] {
    margin-left: 1.4em !important;
    padding-left: 0.6em;
}
.protyle-wysiwyg [data-node-id].li>.list {
    padding-left: 0em;
}

/*小档*/
.protyle-wysiwyg [data-node-id].li>div:nth-child(2) {
    margin-top: -0.3em !important;
}
.protyle-wysiwyg [data-node-id].li>[data-node-id] {
    margin-left: 1.1em !important;
    padding-left: 0.9em;
}
.protyle-wysiwyg [data-node-id].li>.list {
    padding-left: 0em;
}
​