Muu
关注
145397 号成员,2024-06-11 14:07:30 加入
63
个人主页 浏览
100
帖子 + 回帖 + 评论
29h11m
在线时长
  • 二级序号列表为啥还是 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) ")";
    }
    

    效果图

    image.png

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

    image.png

    可以选择删除

  • 二级序号列表为啥还是 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)
    }
    
    

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

    效果图

    image.png

  • 中级搜索插件发布

    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;
    }
    
    

    image.png

    行级标签

    .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;  /* # 号距离文字的距离 */
    }
    
    

    image.png

  • 当标题行使用了 emoji 表情,导出 PDF 文档时候这些 emoji 不显示

    2024-09-06 11:23

    感觉如果有的软件支持显示 那就代表 pdf 里面真实包含了, 那问题可能就在于其他软件不支持显示喽

  • 如何用 123 云盘进行 WebDAV 同步?

    2024-09-02 17:23

    123 云盘的 webDAV 不知道为啥异常的不稳定

    123 云盘我个人是用来当图床的, 外链很不错

  • 数据库资源列插入图片链接无法在单元格内直接显示图片

    2024-09-02 14:41

    image.png主要是这个类型的问题: 类型为 image 就能显示图片 file 就只能显示连接

    看起来思源没有办法自动将链接识别为 image 所以就只能以链接的形式表现

    如果你可以保证一定范围的资源都可以转换为 Image 可以 选中范围之后 批量替换 "type": "file" -> "type": "image"

  • PDF 导出 代码无高亮

    2024-09-02 13:33

    语雀就完美的实现高亮了

    image.png

  • 拼写检查加入匹配正确拼写并修改功能

    2024-09-02 11:00

    现在 ai 功能只能对整个块使用 粗略的能达成你的目的?

    20240902105811.gif

    提示语如下

    image.png

  • 两个代码块之间,无法中间插入行?

    2024-09-02 10:28

    image.png

    image.png

    在快捷键界面设置 shift + enter 无效 但是我改 conf 可以生效, 这样会出什么问题么 @88250

  • [分享] 斜杠命令菜单展开和支持左右方向键

    2024-08-30 07:58

    感觉应该是分辨率的问题, 我这才 1080p 看起来都可以容纳 8-10 个页签 如果屏蔽图标和 x 号可以容纳更多

    对于右侧的工具按钮

    1. 我暂时没有特别多经常使用的 大部分都采用快捷键替代了,
    2. 思源本身提供了一个插件按钮 可以以二级菜单的形式弹出所有安装的插件功能, 所以对我来说可能这些不常用插件按钮的显示在菜单栏的显示并不重要
  • 数据库筛选不支持 AND OR 语法吗?

    2024-08-29 10:35

    如果是单选/多选类型的话还是能批量的, 可以尝试转换下

    image.png

  • 思源笔记复制问题

    2024-08-29 10:29

    不能自定义 Ctrl + C 真的很难受 感觉可以搞一个投票 @JeffreyChen

  • 建议在选中文本内容后出现的浮动工具栏添加复制 / 剪切功能

    2024-08-29 10:07

    有大佬制作的插件可以做到这个

    image.png

    配置快捷键

    image.png

    配置插件

    image.png

    效果

    image.png

  • 数据库是否支持图床

    2024-08-29 09:47

    提了几个提交到 dev 分支 可以下载最新 dev 分子和代码命令行运行 python ./main.py 也可解压附件 pyserver.zip

    注意: 运行前 请先做好数据备份

    此次提交主要是 加了个日志输出和兼容处理, 请留意如下日志

    ISiyuan.async_get_database_resource | 未找到资源key |
    

    如果出现了如上日志, 如果可以的话麻烦 数据脱敏后提供日志信息

  • 数据库是否支持图床

    2024-08-29 08:29

    很神奇, 我试了好多种情况都没有测出来 mAsset 不存在的情况 image.png

  • 求代码片段 折叠的代码块仍然显示属性的命名和别名等信息

    2024-08-28 21:04

    很神奇 为啥我设置 top: -16px; 就无法显示

    top: 0 有一个问题就是

    image.png

    它和那个按钮重合了位置

    所以我正常的不折叠代码备注命名等位置就是 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 运行

    使用方法

    1. 先同步下配置
      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 文件夹
        }
      }
      
    2. 复制单个数据的 id

    image.png

    1. 请求上传
      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
      }
      
    2. 等待上传成功, 由于不明确 picgo 的 qps 限制 故为单线程上传, 可能需要等待一些时间(平均一张图片 2-3s)
      在此过程中, 最好不要进行操作

    最后

    如果有啥使用问题, 可以在仓库提 issues 也可在当前页面留言

    如果有个前端大佬能合作下 搞一个前端的 ui 操作 那就更好了

    修改

    • 最新版代码 第三步中的 key: end_point 已更改外 endpoint
  • 一些关于表格的问题

    2024-08-28 14:59

    image.png求样式

  • 调查:大家觉得这个主题怎么样?

    2024-08-28 11:00

    单使用此主题(Knowledge brain)

    问题 1

    brain 图标和标题重叠了

    image.png

    问题 2

    图标看着好空, 间距过于大了

    image.png

  • [分享] 斜杠命令菜单展开和支持左右方向键

    2024-08-27 14:18

    Asri 还有一个功能个人感觉比较好 就是他能把标签页提升到最上面

    image.png

    image.png

    大佬 有时间看下怎么把这个功能单独提取一下?

  • 求代码片段支持 引用点击 - 单击当前页面打开, 滚轮点击新标签页打开

    2024-08-27 09:36

    就是在当前的页面随便改点啥, 点击链接 必然会在新的标签打开

  • 求代码片段支持 引用点击 - 单击当前页面打开, 滚轮点击新标签页打开

    2024-08-26 16:11

    用起来不太行, 它有个潜规则 -> 未修改过的

    而且 不知道为什么 ctrl + 点击 无效果

  • 更简单的分栏!来投票吧

    2024-08-22 17:10

    感觉可以是 回车 是想下添加内容 shift + 回车 是增加一个分栏

  • 如何通过快捷方式启动特定工作空间

    2024-08-19 11:47

    桌面端我写了个 utools 插件 支持自定义工作空间路径及思源已打开过的工作空间选择

    image.png

    image.png

  • 求大佬代码片段支持 / 分组 ←→快速切换分组

    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:46

    CSS 片段作用

    image.png

    image.png

    感觉像是主题的问题

    主题的原则 看起来是如果进行了筛选 就是将所有的当成了一个分组 而每一个分组的第一个元素存在 margin-top

    而这就导致了第一列的元素会因为这一点点 margin 将第五个元素挤到下一列 所以使用此 css 去掉这个在当前场景多余的 margin-top

    但是会影响未筛选的时候的第一个元素也会被去掉 margin-top ( 可能会有更好的 seletor? 只去掉筛选后的那个)

    代码问题

    如果每一列只会有一个选项看注释是禁用的 但是这里其实应该还是可以启用下

    image.png

    这里看了下逻辑 如果是 0 就关了, 但是采用 我说的那种虚拟分组 其实开关就不应该是这个了

    image.png

    针对的是这种情况, 当每一列的元素只有一个的时候, 那个 skipElementNumInSearch 就是 0 了