-
二级序号列表为啥还是 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) }
注: 只改了三级菜单(对我个人来说是够用了) 如果还想更多可以自行添加 应该可以按规律添加吧[手动狗头]
效果图
-
求标签样式 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; /* # 号距离文字的距离 */ }
-
当标题行使用了 emoji 表情,导出 PDF 文档时候这些 emoji 不显示
2024-09-06 11:23感觉如果有的软件支持显示 那就代表 pdf 里面真实包含了, 那问题可能就在于其他软件不支持显示喽
-
数据库资源列插入图片链接无法在单元格内直接显示图片
2024-09-02 14:41主要是这个类型的问题: 类型为 image 就能显示图片 file 就只能显示连接
看起来思源没有办法自动将链接识别为 image 所以就只能以链接的形式表现
如果你可以保证一定范围的资源都可以转换为 Image 可以 选中范围之后 批量替换 "type": "file" -> "type": "image"
-
[分享] 斜杠命令菜单展开和支持左右方向键
2024-08-30 07:58感觉应该是分辨率的问题, 我这才 1080p 看起来都可以容纳 8-10 个页签 如果屏蔽图标和 x 号可以容纳更多
对于右侧的工具按钮
- 我暂时没有特别多经常使用的 大部分都采用快捷键替代了,
- 思源本身提供了一个插件按钮 可以以二级菜单的形式弹出所有安装的插件功能, 所以对我来说可能这些不常用插件按钮的显示在菜单栏的显示并不重要
-
数据库是否支持图床
2024-08-29 09:47提了几个提交到 dev 分支 可以下载最新 dev 分子和代码命令行运行
python ./main.py
也可解压附件 pyserver.zip注意: 运行前 请先做好数据备份
此次提交主要是 加了个日志输出和兼容处理, 请留意如下日志
ISiyuan.async_get_database_resource | 未找到资源key |
如果出现了如上日志, 如果可以的话麻烦 数据脱敏后提供日志信息
-
求代码片段 折叠的代码块仍然显示属性的命名和别名等信息
2024-08-28 21:04很神奇 为啥我设置 top: -16px; 就无法显示
top: 0 有一个问题就是
它和那个按钮重合了位置
所以我正常的不折叠代码备注命名等位置就是 top: -16px
-
数据库是否支持图床
2024-08-28 20:51仓库地址: https://github.com/M2uyo/Siyuan_pic_bed
我写了个思源的图床插件, 但是由于是前端小白, 仅纯后端实现 所以需要一个 api 请求客户端 推荐 Apifox
直接下载 release lastest 的 py_server.exe 文件
下载完成后双击执行不要关闭弹出来的命令行窗口
注意
因为是 exe 文件所以只支持 windows 环境
如果想支持其他环境, 可以下载代码, 直接 python .\main.py 运行
使用方法
-
先同步下配置
Post 请求 http://127.0.0.1:38546/config{ "picgo": { "remote_path": "https://img.picgo.net/" # 这里我用的是picgo net 所以前缀就是它, 你需要修改成你的图床的对应前缀 (校验重复时使用) }, "siyuan": { "token": "token 7fgtf1un1q4t", # 思源的 token "data_dir": "D:\\note\\Siyuan\\data" # 思源的 Data 文件夹 } }
-
复制单个数据的 id
-
请求上传
Post 请求 http://127.0.0.1:38546/siyuan/database{ "method": "uploadDatabaseResource", # 固定值 勿改 "database_id": "20240819104637-cxtxbl5", # 步骤2 获得的ID 直接复制即可 "end_point": 2, # 固定值 尽量不要更改 1: 123云盘 2: PicGo 如果需要更改 请看阅读源码 "token": "token 7fgtf1un1q4t" # 思源的 token 同步骤 1 }
-
等待上传成功, 由于不明确 picgo 的 qps 限制 故为单线程上传, 可能需要等待一些时间(平均一张图片 2-3s)
在此过程中, 最好不要进行操作
最后
如果有啥使用问题, 可以在仓库提 issues 也可在当前页面留言
如果有个前端大佬能合作下 搞一个前端的 ui 操作 那就更好了
修改
- 最新版代码 第三步中的 key: end_point 已更改外 endpoint
-
-
求代码片段支持 引用点击 - 单击当前页面打开, 滚轮点击新标签页打开
2024-08-26 16:11用起来不太行, 它有个潜规则 -> 未修改过的
而且 不知道为什么 ctrl + 点击 无效果
-
求大佬代码片段支持 / 分组 ←→快速切换分组
2024-08-16 15:29@wilsons 根据你的代码, 我改了下, 支持了虚拟分组的 ←→ 操作
但是当我点击了 ESC 无法关闭 hint-menu 必须点击下其他的地方 hint-menu 才会消失
这个麻烦你帮忙看下 该怎么改下才能支持 ESC 或者其他指定按键关闭它 (不是写前端的对前端的操作不太了解)
-
求大佬代码片段支持 / 分组 ←→快速切换分组
2024-08-14 15:50哦对了 还有一个问题, 当我打开了界面之后无法使用 ESC or 其他的键位 关闭弹出来的 hint-menu
只能使用鼠标点击其他位置或者选择中某一个选项才可以关闭
如果可以的话 麻烦帮 加个设置 指定键位可以关闭 弹出来的 hint-menu
-
求大佬代码片段支持 / 分组 ←→快速切换分组
2024-08-14 14:46CSS 片段作用
感觉像是主题的问题
主题的原则 看起来是如果进行了筛选 就是将所有的当成了一个分组 而每一个分组的第一个元素存在 margin-top
而这就导致了第一列的元素会因为这一点点 margin 将第五个元素挤到下一列 所以使用此 css 去掉这个在当前场景多余的 margin-top
但是会影响未筛选的时候的第一个元素也会被去掉 margin-top ( 可能会有更好的 seletor? 只去掉筛选后的那个)
代码问题
如果每一列只会有一个选项看注释是禁用的 但是这里其实应该还是可以启用下
这里看了下逻辑 如果是 0 就关了, 但是采用 我说的那种虚拟分组 其实开关就不应该是这个了
针对的是这种情况, 当每一列的元素只有一个的时候, 那个
skipElementNumInSearch
就是 0 了