登录 注册

思源使用的一些小问题

本贴最后更新于 263 天前，其中的信息可能已经时异事殊

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

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

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

  • 思源笔记

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

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

    25901 引用 • 107336 回帖
  • Q&A

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

    9948 引用 • 45179 回帖 • 77 关注
石家庄 位置
30 悬赏
2 收藏
12 回帖
6
6
798 161 5 443 1 3 185

相关帖子

被采纳的回答
  • wilsons • • 1
    付费者 捐赠者

    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;
}
​
12 回帖
思源使用的一些小问题

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • wilsons • • 1
    付费者 捐赠者

    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 引用
    1 操作
    wilsons 在 2024-09-21 15:47:07 更新了该回帖
  • 其他回帖
  • CJSNYXZ •
    付费者 作者

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

    1 回复
  • wilsons • • 1
    付费者 捐赠者

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

    效果

    Screenshot20240921154425141org.b3log.siyuan.jpg

    1 回复
  • wilsons •
    付费者 捐赠者

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

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

    针对这两个解释下

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

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

  • 查看全部回帖
CJSNYXZ
石家庄
回帖
50
 帖子
13
 积分
58

近期热议

推荐标签 标签

  • 自由行
    • 1 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    730 引用 • 1281 回帖 • 2 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    291 引用 • 4495 回帖 • 662 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    125 引用 • 74 回帖
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 7 关注
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    89 引用 • 113 回帖 • 3 关注
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    188 引用 • 319 回帖 • 246 关注
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    947 引用 • 1460 回帖
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    411 引用 • 3588 回帖
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议，它实现了浏览器与服务器之间的全双工通信（full-duplex）。

    48 引用 • 206 回帖 • 285 关注
  • 知乎

    知乎是网络问答社区，连接各行各业的用户。用户分享着彼此的知识、经验和见解，为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖 • 1 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库，并提供多种语言的 API。从 2010 年 3 月 15 日起，Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始，Redis 的开发由 Pivotal 赞助。

    284 引用 • 248 回帖
  • 新人

    让我们欢迎这对新人。哦，不好意思说错了，让我们欢迎这位新人！
    新手上路，请谨慎驾驶！

    52 引用 • 228 回帖
  • Gitea

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

    5 引用 • 16 回帖 • 1 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 1 关注
  • Sandbox

    如果帖子标签含有 Sandbox ，则该帖子会被视为“测试帖”，主要用于测试社区功能，排查 bug 等，该标签下内容不定期进行清理。

    435 引用 • 1238 回帖 • 592 关注
  • Facebook

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

    4 引用 • 15 回帖 • 451 关注
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 1 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据（或者事件）流的 API。它组合了观察者模式，迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 184 关注
  • Ubuntu

    Ubuntu（友帮拓、优般图、乌班图）是一个以桌面应用为主的 Linux 操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词，意思是“人性”、“我的存在是因为大家的存在”，是非洲传统的一种价值观，类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖
  • 思源笔记

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

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

    25901 引用 • 107336 回帖
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架，基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 402 关注
  • C

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

    86 引用 • 165 回帖
  • 又拍云

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

    20 引用 • 37 回帖 • 577 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 662 关注
  • Electron

    Electron 基于 Chromium 和 Node.js，让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目，兼容 Mac、Windows 和 Linux，它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 3 关注

最新标签