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

本贴最后更新于 724 天前,其中的信息可能已经天翻地覆

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

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

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

图片.png

在第 22 层就会缩进去

而 logseq 感觉好点:

图片.png

能缩进到 26 层级

remNote 能支持到 33 层级:

图片.png

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

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

这是修改后的层级:

  • 大档

图片.png

  • 中档

图片.png

  • 小档

图片.png

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;
}
  • 思源笔记

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

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

    22336 引用 • 89377 回帖
1 操作
zxhd86 在 2022-10-29 12:44:32 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • Bard 1 赞同

    实际使用时能用上这么多层级的得多牛啊

  • 这个思维,隐藏得极其深刻呀

  • abbj 1 赞同 2 评论

    我需要一个文档树和大纲显示层级竖线的片段,以及浮动弹出侧边栏的片段,感觉集市里需要增加一个代码片段板块 @88250

    提建议时,建议用“很重要”来阐述,不建议用“我需要”来表达
    Bard
    你说得对。 但其实我想给 d 大看的主要是后一句“感觉需要增加代码片段板块”。前面一句只是表达自己的想法,说完之后想起来可以提一个这样的建议。整体看起来语气是不太对。
    abbj
  • Nofood

    你这大缸挺能藏啊

  • Penn

    天啊 思源支持 css 片段了!!!!!!!

  • 小白完全不懂这玩意咋用 😂

  • profox 1 赞同

    我特别希望 siyuan 的这个文档树窗口,能够增加一个横向滚动条,否则要展开找到如楼主所示的最底层的页面,太痛苦了

  • 编程小白表示虽然看不懂,但感觉很强大。

  • 希望有更多的折腾大佬分享,代码片段不错,但因为主题的不同可能效果不一样,不像主题那样可以进集市,更多还是靠分享

  • fm77mhz

    分享者你好,首先感谢分享经验。我有一个小白的问题,为什么我复制了 CSS 片段之后并不能显示前面的点点呢?回车换行之后这个文本块前面没有任何标识(你截图里的点点),如果能解答非常谢谢你!

    1 回复
  • zxhd86

    这不是普通的段落块,在段落的开头输入 * 后空格启用,或者输入 / 后找到无序列表。

    更深入的了解建议去看一下思源的用户手册和 markdown 语法。

  • fm77mhz

    谢谢,我看到 RomaEdit 类似的软件是直接换行后就有一个原点,以为思源也借鉴了这种类型的记录方式。

  • huien

    这个要如何才能运用于手机的应用上,思源 app 的坚线真的大宽了。

请输入回帖内容 ...

推荐标签 标签

  • 倾城之链
    23 引用 • 66 回帖 • 137 关注
  • Postman

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

    4 引用 • 3 回帖 • 3 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 545 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    209 引用 • 358 回帖
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 453 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    77 引用 • 430 回帖 • 2 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 587 关注
  • OAuth

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

    36 引用 • 103 回帖 • 9 关注
  • V2Ray
    1 引用 • 15 回帖 • 1 关注
  • golang

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

    497 引用 • 1387 回帖 • 283 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    90 引用 • 899 回帖
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • 心情

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

    59 引用 • 369 回帖
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 585 关注
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 325 关注
  • SSL

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

    70 引用 • 193 回帖 • 432 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖 • 1 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 786 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 167 关注
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 624 关注
  • 创业

    你比 99% 的人都优秀么?

    84 引用 • 1399 回帖 • 1 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3187 引用 • 8213 回帖
  • Lute

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

    25 引用 • 191 回帖 • 16 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 47 关注