-
引述块的左侧线条和块背景,可以换颜色吗
2024-07-21 23:04引述块的左侧线条(图中红色部分)和块背景(图中蓝色部分),可以换个颜色吗,如果可以的话,怎么操作,最好简单些,不会代码的新手小白一枚,谢谢
最简单的也只有添加 css 代码片段了,在
设置 - 外观 - 代码片段
中添加即可。以如下引述块代码片段为例(截取自 Tsundoku 主题):.b3-typography blockquote, .protyle-wysiwyg [data-node-id].bq:not([style*='background-color']) { /* border: 1px solid var(--custom-blockquote-border-color); */ background-color: #73a8c70f; padding: 2px 4px; border: 0px solid transparent; border-left: 0.3em solid #6495ED; border-radius: 7px !important; color: #6a6969; }
其中,
border-left
中的#6495ED
代表引述块左侧线条颜色,background-color
中的#73a8c70f
表示块背景颜色,color
表示引述块中的字体颜色,根据需求调整即可。另外,笔记中的图片、照片能不能实现类似语雀的展示效果(如何插入图册 (yuque.com)),如果可以怎样实现?
据我所知,目前思源原生应该很难完全实现上述展示效果。“平铺效果”通过拖拽形成超级块可能实现,不过效果应该一般;“简洁的轮播效果”可以通过插件「图库」或者挂件「图片轮播」来实现(集市中搜索);“带预览的轮播效果”目前应该没有实现方法
-
有没有什么方法能将所有的静态锚文本改成动态锚文本?
2024-07-04 15:06可以试一试下面的 CSS,修改了双链样式,并把静态锚文本和动态锚文本进行了区分:
.protyle-wysiwyg [data-node-id] span[data-type~='block-ref'] { color: var(--b3-theme-primary)!important; font-weight: inherit; background-color:transparent!important; border-bottom:none!important; text-decoration: none!important; } .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]{ background-color: #70b3ca !important; color: #FFFFFF !important; display: inline-flex; border-bottom: 0px solid #FFFFFF; font-size: 85%; text-decoration: none !important; border-radius: 0.3em; padding: 0em 0.375em 0.08em !important; margin: 0em 0.25em; transform: translateY(-1.5px); box-sizing: border-box; cursor: pointer; transition: all 0.2s ease-in-out; } /* 为引用块后面增加引用图标 */ .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]::before { color: #2eaadc!important; content: "🏷"; } .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]::after { color: #2eaadc!important; content: ""; } .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]:hover { background-color: #559898 !important; } .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"]:hover { background-color: var(--b3-theme-primary-lightest)!important; }
不过我是将动态锚文本当作双链标签来使用,所以仿照 Tsundoku 主题的标签样式进行了设置,不习惯的话可以自己改一下
-
【已解决】如何修改 Savor 主题上标 / 下标中的链接样式
2024-06-22 16:23OK,感谢!
我在此基础上简单修改了一下,这样当鼠标悬浮在上标/下标中的链接时,也不会出现外框:
.protyle-wysiwyg [data-node-id] span[data-type*="a"][data-type*="sup"], .protyle-wysiwyg [data-node-id] span[data-type*="a"][data-type*="sub"]{ font-size: 75%; border-radius: 0px; padding: 0px 0px 0px 0px; border: 0px } .protyle-wysiwyg [data-node-id] span[data-type*="a"][data-type*="sup"]:hover, .protyle-wysiwyg [data-node-id] span[data-type*="a"][data-type*="sub"]:hover{ border-radius: 0px; padding: 0px 0px 0px 0px; border: 0px }
-
数据库显示过于狭窄 | 在自适应宽度不勾选的情况下
2024-06-14 15:26再看下主题设置里面时怎么写的 😂
自定义属性
afwd
应用在文档块的时候,值设置为db
则对该文档所有数据块生效;自定义属性
afwd
直接应用在某个数据库块上时,值设置为on
/off
-
如何查看云端文件进行管理
2024-06-11 09:57官方同步应该可以直接同步。
但会导致笔记对该文件的引用失效,我使用的是官方同步,需要在
设置 - 资源 - 丢失的资源文件
手动复制该文件 id 并查找它在笔记中的位置进行删除。以图像为例,我直接在assets
中删除文件后,在设置 - 资源 - 丢失的资源文件
复制该图片 id:在全局搜索中粘贴并查找该图片
然后手动删除
-
如何查看云端文件进行管理
2024-06-09 09:58云端存储的是分块加密的快照,无法直接阅读和查看(这是端到端加密同步的基础)
可以在本地查看
/工作空间/data
中哪个文件夹最大,因为同步的就是 data 文件夹。进一步地,假如想要查看时哪个资源文件(图片、视频等)占用最大,那么去查看
/工作空间/data/assets
文件夹。最简单地,assets 中文件按大小顺序递减排序。 -
【已解决】部分文档数据库属性不显示的问题
2024-05-27 20:46最近两天新添加进该数据库的一个文档也出现了
数据库属性
为空的情况,我已经把该数据库文档发送过去了,D 大记得查收一下。麻烦 D 大了
-
【已解决】部分文档数据库属性不显示的问题
2024-05-27 18:10更新一下,还是这个数据库,发现有两个文档是加入在该数据库中,它们虽然在数据库中显示,但是文档中甚至连
数据库属性
都不存在(不是为空):尝试点击
更新
重新绑定这两个文档,都会显示当前数据库中已存在该绑定块
。但是既然存在,怎么相应文档里面会没有数据库属性呢???
-
【已解决】部分文档数据库属性不显示的问题
2024-05-26 13:42欧克感谢,下版本我再看看。
这个数据库和相应文档是我目前最常用的之一,会一直保留的,不过所以也很头疼这个问题 😂
数据库条目一多起来,文档数据库属性又不显示,回到数据库里面查看和修改条目就太麻烦了
-
求 css 或 js 代码,实现思源笔记在没有获取焦点时,鼠标移动到思源笔记的边栏,触发弹出文档树的功能
2024-05-25 12:50鼠标所在文档条目向左缩进
好像只对「笔记本」生效,对笔记本下的各文档不生效 -
日记与数据库模板列的结合使用分享
2024-05-14 20:28其实我感觉本质上还是这个:官方有无计划支持在文档开头显示数据库属性 - 链滴 (ld246.com)
只要官方支持的话,也就不用费力写模板列来实现了 emmm
虽然社区大佬们也在开发,不过目前相关插件开发已经搁置,相关挂件的作者也明确说不考虑增加编辑功能
-
代码片段:代码块限制最大高度
2024-05-10 18:10佬,我也想对嵌入块限制最大高度,不过遇到了按钮提示文字显示在按钮上方,而被遮挡住的问题。
怎么修改下面这段代码片段,使得嵌入块按钮的提示文字也位于按钮下方呢
/* 代码块复制按钮和菜单按钮的提示文字放在下方 */ .protyle-wysiwyg .code-block .protyle-action .b3-tooltips__nw::after { top: 100%; bottom: inherit; margin-top: 5px; } .protyle-wysiwyg .code-block .protyle-action .b3-tooltips__nw::before { top: 100%; bottom: inherit; rotate: 180deg; margin-top: -4px; }
-
代码片段:代码块限制最大高度
2024-05-10 15:26佬,使用这个代码片段后,向下滚动超过一段距离,代码语言、复制按钮和菜单还是会收缩消失,这个可以修改避免嘛?
另外,能否做到一直显示底部的横向滚动条呢?目前除非代码块滚动到最低端,否则底部的横向滚动条会随着纵向滚动而消失