思源使用的一些小问题

第一次提问,有可能表述的不是很清楚,还望见谅。

问题 1:我习惯在阅读时,给笔记加备注、字体添加颜色、字体添加背景,在使用 Savor 主题,由于一段文字里会有很多小段落添加备注,再加上会添加背景色,导致再看的时候,不能准确找到备注的位置,被添加备注的文字能否改变字体颜色或者背景颜色?

问题 2:我使用 IOS 手机端,对一些文章添加了很多反链,需要再阅读文章时不停的去看反链,目前反链只能通过右滑到负一面查看反链,而且在反链显示里貌似每条只能显示 17 个字符,而且好像也不能调整反链显示的字数,想要详细查看,只能点进去,点进去就无法直接返回反链界面了,有没有办法直接返回上一反链页面,或者调整反链字符显示数量?

  • 思源笔记

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

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

    21193 引用 • 83521 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    7543 引用 • 34345 回帖 • 197 关注

相关帖子

被采纳的回答
  • 1 提高备注的 css 背景颜色和下划线优先级

    .b3-typography span[data-type~=inline-memo], .protyle-wysiwyg span[data-type~=inline-memo] {
        background-color: var(--b3-card-info-background)!important;
        border-bottom: 2px solid var(--b3-card-info-color)!important;
    }
    

    2 去掉手机版反链的标题超出隐藏,改为超出折行

    .b3-list--mobile .b3-list-item__text {
        word-break: normal;
        overflow: visible!important;
        text-overflow: inherit;
        line-height: normal;
        -webkit-line-clamp: inherit;
        overflow-wrap: anywhere;
    }
    

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 1 提高备注的 css 背景颜色和下划线优先级

    .b3-typography span[data-type~=inline-memo], .protyle-wysiwyg span[data-type~=inline-memo] {
        background-color: var(--b3-card-info-background)!important;
        border-bottom: 2px solid var(--b3-card-info-color)!important;
    }
    

    2 去掉手机版反链的标题超出隐藏,改为超出折行

    .b3-list--mobile .b3-list-item__text {
        word-break: normal;
        overflow: visible!important;
        text-overflow: inherit;
        line-height: normal;
        -webkit-line-clamp: inherit;
        overflow-wrap: anywhere;
    }
    
    3 回复
    1 操作
    wilsons 在 2024-09-21 15:47:07 更新了该回帖
  • CJSNYXZ

    关于 CSS,有进一步的教程不,完全小白。

    1 回复
  • CJSNYXZ

    不用太多,就针对这两条就行。

  • CSS 教程 | 菜鸟教程

    css 就是描述语言,就简单的一些单词组合,记住并灵活运用即可,超级简单。

    1 回复
  • CJSNYXZ

    多问一句,在 PC 端改了设置以后,手机端的那个反链也可以同步生效,还是需要在手机端设置?

    1 回复
  • pc 端加入 css 代码片段即可,备注都生效,反链仅手机端生效,样式中有.b3-list--mobile 限制

    不用太多,就针对这两条就行。

    针对这两个解释下

    1. !important 是提高 css 优先级,这里是先定位备注元素,然后提高背景颜色和底边框的优先级
    2. 去除反链的超出隐藏,分别是折行正常,超出显示,文本正常显示,行高正常,取消最大可见的文本行数

    具体解释可粘贴到 ai 里咨询。

  • CJSNYXZ

    你好,可能是我描述有问题,刚刚试了一下代码,不能解决问题,我实际想要的是,手机版反链所在的段落(无序列表)不隐藏,所在段落的下一级无序列表不隐藏,只要这两级就行。1.png
    2.png

    1 回复
  • 请确保把 css 代码片段同步到手机上了(电脑和手机上分别手动点击同步按钮(小云朵)),然后手机上重启思源。

  • 更新:增加了 overflow-wrap: anywhere; 兼容不换行的英文情况

    效果

    Screenshot20240921154425141org.b3log.siyuan.jpg

    1 回复
  • CJSNYXZ

    感谢大佬,同步以后显示没问题。不过反链的显示效果不是很理想,没有双链引用、没有备注、也不能直接编辑、再次加其他引用等,不知道是否可以实现?当然手机端不能要求太多,一些插件的底部反链是可以实现的,但不流畅。

    1 回复
  • 这些功能不是简单能实现的,如果没有满意的插件,就只能向官方提建议反馈了。

    如果有强烈需求,也可以在论坛发帖请人付费开发。

    1 回复
  • CJSNYXZ

    再次感谢大佬

请输入回帖内容 ...

推荐标签 标签

  • Gitea

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

    4 引用 • 16 回帖
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    5 引用 • 13 回帖 • 1 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 4 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    164 引用 • 493 回帖 • 1 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 530 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 1 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    66 引用 • 114 回帖 • 258 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    84 引用 • 139 回帖 • 2 关注
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 529 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    103 引用 • 295 回帖
  • CloudFoundry

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

    5 引用 • 18 回帖 • 159 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 28 关注
  • 心情

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

    59 引用 • 369 回帖
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖 • 3 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    19 引用 • 7 回帖 • 2 关注
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖 • 1 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 1 关注
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • 创业

    你比 99% 的人都优秀么?

    83 引用 • 1399 回帖
  • Chrome

    Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。

    62 引用 • 289 回帖
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 9 关注
  • sts
    2 引用 • 2 回帖 • 185 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    194 引用 • 515 回帖
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。

    86 引用 • 122 回帖 • 628 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 98 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 383 回帖 • 4 关注