回帖 - Muu - 链滴

求 CSS 选择器

2024-10-15 11:36

那就应该是这个的问题了我记得我以前好似也是没问题的最近几天好似更新了不少的版本

公式编号计数

2024-10-15 11:35


.katex .vlist-t2 {
    counter-reset: katexEqnNo;
}

话说你给的样例不是已经实现了?

求 CSS 选择器

2024-10-15 11:22

这就很神奇了纯新空间未开任何插件 js 代码

只下载 Asri 主题

求 CSS 选择器

2024-10-15 09:41

看起来无效果

经测试以下代码是可以的 (但是感觉有可能牵扯范围有点广) (注: 此效果思源原版是没有的, 我用的 Asri 主题, 原本效果很好但是由于我改了很多文档树的 CSS 所以导致他现在显示并不正确)


.file-tree > .fn__flex-1 {
    --indent-color-inactive: none;
    --indent-color-active: none;
}

求 CSS 选择器

2024-10-14 21:27

Asri 主题的缩进线(刚刚看到原来不是思源自带的)

思源笔记格式刷插件开发笔记

2024-10-14 20:10

与这个插件好似有点冲突

数据能不放在电脑和手机上吗？

2024-10-09 11:13

可以 Nas 上开个伺服 , 然后用公网 ip/内网穿透/远程局域网等连接 nas 上的伺服服务

Ctrl+C 的默认复制能否改为复制纯文本

2024-10-08 10:40

按理说应该可以吧, 这个系统行为只是映射到了某个思源的行为

可以在思源笔记中直接阅览 WORD 文件内容吗？

2024-09-29 13:56

无法登陆修改这个应该怎么解决?

工作空间被其他人打开后，我也无法打开其他工作空间了

2024-09-29 10:21

可以尝试我开发的插件, 关联

[css] 更改备注浮窗宽度

2024-09-27 16:50


.tooltip--memo#tooltip {
    max-width: 500px;
}

哪里可以下载到自定义表情资源？

2024-09-26 16:47

https://www.iconfont.cn/

自己用应该还好, 商业化可能要钱

求标签样式 CSS 代码片段

2024-09-26 09:40

把整个标签改成行级块应该就就行了 display: inline-block;

将我上面评论的代码的行级标签改为如下代码即可


.protyle-wysiwyg [data-node-id] span[data-type~=tag] {
    --tag-color: #97B9DA;
    font-size: 80%;
    border-radius: 1em;
    padding: .1em .5em .15em;
    border: none;
    box-shadow: 0 0 0 .065em inset var(--tag-color);
    background-color: #28405c !important;
    color: var(--tag-color);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    display: inline-block;
}
.protyle-wysiwyg [data-node-id] span[data-type~=tag]::before {
    content: "#" !important;
    margin-right: 5px;  /* # 号距离文字的距离 */
}

效果图

建议在登录界面增加选择工作空间的功能

2024-09-18 14:21

我曾提交过一个未被接受的 Issues

使得启动时自动打开项目变成可选的

如果你使用的环境为 windows 且为 utools 用户可以使用我在 utools 上写的一个插件

希望显化大纲标题级别

2024-09-16 13:27

这个结构是我根据写味主题的源码改的, 看你的图是都改成了黑色的, 所以这里的颜色我也都是用了黑色的

另外这个代码跟我上一个评论里的代码实现方式不同, 所以需要禁用/删除掉我上个评论里面的代码片段


/* 屏蔽原始的图标显示 */ 
.sy__outline .b3-list-item .b3-list-item__graphic.popover__block {
    display: none;
}
.sy__outline ul.b3-list.b3-list--background{
	& [data-subtype*="h"]{
	>span:first-child::after{
			visibility: visible!important;
			position:relative;
			left:4px;
			font-color: black;
			font-weight: 100px;
			border-radius:3px;
			opacity:1;
			font-size:18px;
			pointer-events:none;
			font-family:"Segoe UI";
		}
	}
	& svg.b3-list-item__graphic{
		margin-left:-19px;
		margin-right:4px;
		color:black;
		width:17px!important;
		border-radius:3px;
		opacity:0.2;
	}
	& [data-subtype="h1"]>span:first-child{
		&::after{
		content:"𝟭";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h1-list-graphic);
		}
	}
	& [data-subtype="h2"]>span:first-child{
		&::after{
		content:"𝟮";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h2-list-graphic);
		}
	}
	& [data-subtype="h3"]>span:first-child{
		&::after{
		content:"𝟯";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h3-list-graphic);
		}
	}
	& [data-subtype="h4"]>span:first-child{
		&::after{
		content:"𝟰";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h4-list-graphic);
		}
	}
	& [data-subtype="h5"]>span:first-child{
		&::after{
		content:"𝟱";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h5-list-graphic);
		}
	}
	& [data-subtype="h6"]>span:first-child{
		&::after{
		content:"𝟲";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h6-list-graphic);
		}
	}
}

求一段外观面板中「颜色」样式修改的 CSS 代码

2024-09-16 12:27

对于字体颜色和背景颜色可以使用插件修改(感谢插件大佬)

求一段外观面板中「颜色」样式修改的 CSS 代码

2024-09-16 12:23

间距直接改数值就行

文档数统计

2024-09-16 12:17

查看总文档数

查看某个文档下有多少个文档

求一段外观面板中「颜色」样式修改的 CSS 代码

2024-09-16 12:03

背景色和文字颜色

这个用 css 改这里的显示对实际应用的颜色好似不生效 (生效颜色应该是主题的这几个常量)

周围间距

可以根据上图的 class 和 data-type 进行按组设置

例如使用颜色举例

希望显化大纲标题级别

2024-09-16 11:44


/* 显示标题 */
.sy__outline .b3-list-item[title] {
    display: inherit;
}
/* 字体 大小 清晰度 */
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h1] .b3-list-item__text::before,
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h2] .b3-list-item__text::before,
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h3] .b3-list-item__text::before,
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h4] .b3-list-item__text::before,
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h5] .b3-list-item__text::before,
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h6] .b3-list-item__text::before {
    font-size: 15px !important; /* 更改显示字体大小 */
    opacity: 1;
    font-family:  'yahei consolas hybrid', 'ibm plex mono'; /* 更改显示字体 */
    margin-right: 6px;   /* 距离标题文字的距离 */
}

/* 屏蔽原始的图标显示 */ 
.sy__outline .b3-list-item .b3-list-item__graphic.popover__block {
    display: none;
}

/* 更改 content 可以显示不同的前缀 */
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h1] .b3-list-item__text::before { content: "⓵"; color: red; }
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h2] .b3-list-item__text::before { content: "𝟮"; color: #0087ff; }
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h3] .b3-list-item__text::before { content: "𝟯"; color: #8694ff; }
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h4] .b3-list-item__text::before { content: "𝟒"; color: #ffa54b; }
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h5] .b3-list-item__text::before { content: "𝟓"; color: #9cfd57; }
.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h6] .b3-list-item__text::before { content: "⒍"; color: #e7fd1a; }

效果图

默认主题

求代码片段支持 Asri 主题的标签页提升到菜单栏效果

2024-09-13 16:16

顶一下 🙏

二级序号列表为啥还是 1、2、3 编号？如何修改编号样式？

2024-09-11 19:10


.protyle-wysiwyg [data-node-id].li>[data-node-id] {
    padding-right: 0;
}

.b3-typography li>p, 
.b3-typography>p, 
.b3-typography blockquote>p, 
.b3-typography [data-node-id], 
.protyle-wysiwyg li>p, 
.protyle-wysiwyg>p, 
.protyle-wysiwyg blockquote>p, 
.protyle-wysiwyg [data-node-id] {
    line-height: 1.625;
    padding: 4px;
    padding-left: 0px;
    margin: 2px 0;
    border-radius: var(--b3-border-radius);
}

/* 效果: 一级列表 1.  二级列表 1.1  三级列表 1.1.1 */
.list[data-subtype=o] {
     counter-reset: none;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] > .protyle-action,
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action,
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action {
    color: rgba(0, 0, 0, 0) !important;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after,
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after,
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after {
    display: table;
}

.protyle-wysiwyg .li[data-subtype=o] {
    counter-increment: olcounter1
}
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] {
    counter-increment: olcounter2;
    padding-left: 2px;
}
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] {
    counter-increment: olcounter3;
    padding-left: 8px;
}
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] {
    counter-increment: olcounter4;
    padding-left: 5px;
}

@counter-style roman {
    system: cyclic;
    symbols: "①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩" "⑪" "⑫";
    suffix: "";
}

.protyle-wysiwyg .li[data-subtype=o] > .protyle-action::after {
    content: counter(olcounter1, decimal);
}
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after {
    content: counter(olcounter2, roman);
}
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after {
    content: '(' counter(olcounter3, decimal) ")";
}
.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after {
    content: counter(olcounter4, decimal) ")";
}

效果图

感觉超过 11 及往后的就很小了

可以选择删除

二级序号列表为啥还是 1、2、3 编号？如何修改编号样式？

2024-09-10 10:24

我自己改了下这个序号不知道是不是你想要的


.protyle-wysiwyg [data-node-id].li>[data-node-id] {
    margin-left: 30px !important; /* 一级列表偏移 */
    padding-right: 0;
}

.b3-typography li>p, .b3-typography>p, .b3-typography blockquote>p, .b3-typography [data-node-id], .protyle-wysiwyg li>p, .protyle-wysiwyg>p, .protyle-wysiwyg blockquote>p, .protyle-wysiwyg [data-node-id] {
    line-height: 1.625;
    /* padding-left: 8px; */
    padding: 4px;
    padding-left: 0px;
    margin: 2px 0;
    border-radius: var(--b3-border-radius);
}

/* 效果: 一级列表 1.  二级列表 1.1  三级列表 1.1.1 */
.list[data-subtype=o] {
     counter-reset: none;
}

.protyle-wysiwyg .li[data-subtype=o] {
    counter-increment: olcounter1
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] {
    counter-increment: olcounter2;
    padding-left: 1.2%;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] > .protyle-action {
    color: rgba(0, 0, 0, 0) !important;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after {
    content: counter(olcounter1, -moz-devanagari) "." counter(olcounter2, decimal);
    display: table;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] {
    counter-increment: olcounter3;
    padding-left: 3%;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action {
    color: rgba(0, 0, 0, 0) !important
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after {
    content: counter(olcounter1, decimal) "." counter(olcounter2, decimal) "."counter(olcounter3, decimal)
}

注: 只改了三级菜单(对我个人来说是够用了) 如果还想更多可以自行添加应该可以按规律添加吧[手动狗头]

效果图

中级搜索插件发布

2024-09-09 16:08

个人建议因为可能会涉及多个文件希望能加一行显示文件名或文件路径

求标签样式 CSS 代码片段

2024-09-09 15:45

标题标签


/* 标题 标签 */
.b3-chip--secondary, .b3-chip--primary, .b3-chip--info, .b3-chip--success, .b3-chip--warning, 
.b3-chip--warning, .b3-chip--error, .b3-chip--pink {
    mix-blend-mode: normal !important;
}

.b3-chip--secondary::before, .b3-chip--primary::before, .b3-chip--info::before, .b3-chip--success::before, .b3-chip--warning::before, .b3-chip--warning::before, .b3-chip--error::before, .b3-chip--pink::before {
    content: "#" !important;
    margin-right: 5px;  /* # 号距离文字的距离 */
}

.protyle-background .b3-chip--secondary {
    color: #fff !important;
    background-color:  #d6ff0070 !important;
}
.protyle-background .b3-chip--primary {
    color: #fff !important;
    background-color: #0053f9c4 !important;
}
.protyle-background .b3-chip--info {
    color: var(--b3-card-info-color) !important;
    background-color: #28405c !important;
}
.protyle-background .b3-chip--success {
    color: var(--b3-card-success-color) !important;
    background-color: #425347 !important;
}
.protyle-background .b3-chip--warning {
    color: var(--b3-card-warning-color) !important;
    background-color: #554636 !important;
}
.protyle-background .b3-chip--error {
    color: var(--b3-card-error-color) !important;
    background-color: #442724 !important;
}
.protyle-background .b3-chip--pink {
    color: var(--b3-theme-on-secondary) !important;
    background-color: #ea4aaa96 !important;
}

行级标签


.protyle-wysiwyg [data-node-id] span[data-type~=tag] {
    --tag-color: #97B9DA;
    font-size: 80%;
    border-radius: 1em;
    padding: .1em .5em .15em;
    border: none;
    box-shadow: 0 0 0 .065em inset var(--tag-color);
    background-color: #28405c !important;
    color: var(--tag-color) ;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.protyle-wysiwyg [data-node-id] span[data-type~=tag]::before {
    content: "#" !important;
    margin-right: 5px;  /* # 号距离文字的距离 */
}