我个人理解

插件更适用于: 需要修改配置/需要手动触发某个功能/分享给他人使用 的场景

代码片段优点就是方便自行修改

初学可以先用代码片段

如果只是想 实现某个功能自己用, 嫌麻烦, 那一直用代码片段就行

如果你想做一个比较完善的功能, 也有时间折腾, 可以转到插件

问下，你这个光标所在行 高亮怎么实现的

我总是 Ctrl e 误触成 Ctrl w

请教一下, 你这个光标所在行怎么搞得

综合检测代码片段,插件,主题

我也想要这个功能

看起来你是想让一些内容自动折叠, 但是核心思路不太对, 因为未折叠的块没有 fold 属性, 所以未折叠的块, 走不进去这个 if, 也就无法设置成折叠

可以看下这个帖子是否符合你的要求

[js] 批量折叠和展开标题，标题批量转换不再是梦

如果不符合你的需求, 就发个 悬赏 呗, 看看大佬有没有想法

可以不用回复了, 我特意下了一个 logseq, 玩了一会, 终于是找到你说的了, 发现思源应该无法做到 logseq 里相对标题的那种效果

只用一个 tab 键

我没用过 logseq, 不太理解你说的是哪种形式:

1. 设置了自动标题后, 只需要按一次 tab;
2. 设置了自动标题后, 还需要按多次 tab, 是第几层就按几次

如果是只需要按一次 tab

那我比较好奇, 如果在这里按一次 tab 键, 应该是 标题2 还是 标题1.2

如果是需要按多次 tab, 那你这个需求, 要怎么解决

不还是需要手动给这三个标题加缩进么

我设置了 3 个一级标题，但写到后面，我发现这 3 个一级标题的内容可以归属到一个更大的标题下面。这时候，我需要手动给这三个一级标题降级

创作欲蹭蹭往上涨

平时如果用不到 6 层标题的话, 建议平时养成习惯: 直接以二级或三级标题作为根标题

这样, 如果需要在外层加一层的话, 在前面加个一级标题, 然后使用转换功能即可

在隐藏图标的基础上, 可以用下这个, 不过折叠按钮有点小, 可以调大一下

也可以通过调整 18px, 来让缩进变小一点

:root {
    --hz-arrow-padding-left: 4px; /* 折叠按钮左侧空间, 值越大折叠按钮越宽 */
    --hz-basic-left-indent: 18px; /* 每一层的缩进量, 值越大, 缩进越宽 */
}
.sy__file>div>ul>ul li>span.b3-list-item__toggle { padding-left: var(--hz-arrow-padding-left)!important; }
.sy__file > div > ul > ul li { padding-left: calc((var(--hz-left-level) * var(--hz-basic-left-indent)) - var(--hz-arrow-padding-left)); }
.sy__file > div > ul > ul > li { --hz-left-level: 1; } /* 第一级 */ 
.sy__file > div > ul > ul > ul > li { --hz-left-level: 2; } /* 第二级 */ 
.sy__file > div > ul > ul > ul > ul > li { --hz-left-level: 3; } /* 第三级 */ 
.sy__file > div > ul > ul > ul > ul > ul > li { --hz-left-level: 4; } /* 第四级 */ 
.sy__file > div > ul > ul > ul > ul > ul > ul > li { --hz-left-level: 5; } /* 第五级 */ 
.sy__file > div > ul > ul > ul > ul > ul > ul > ul > li { --hz-left-level: 6; } /* 第六级 */ 
.sy__file > div > ul > ul > ul > ul > ul > ul > ul > ul > li { --hz-left-level: 7; } /* 第七级 */ 

​

更新最新代码 20250624

增加可以调整图标大小

https://gitee.com/Hug_Zephyr/siyuan_script/blob/master/js/%E5%B1%95%E5%BC%80%E8%8F%9C%E5%8D%95%E9%A1%B9_20250621_111937.js

css 代码大概长这样

/* 人工智能 */
[data-id="ai"],
/* 聚焦 */
[data-id="enter"],
/* 聚焦到上层 */
[data-id="enterBack"],
/* 移动 */
[data-id="move"],
/* 跳转到父块的下一个块 */
[data-id="jumpToParentNext"],
/* 跳转到父块的上一个块 */
[data-id="jumpToParentPrev"],
/* 跳转到父块 */
[data-id="jumpToParent"],
/* 添加到数据库 */
[data-id="addToDatabase"],
/* 微信提醒 */
[data-id="wechatReminder"],
/* 快速制卡 */
[data-id="quickMakeCard"],
/* 布局 */
[data-id="layout"],
/* ocr */
[data-id="ocr"],
/* 宽度 */
[data-id="widthDrag"],
[data-id="width"],
/* 高度 */
[data-id="height"],
/* 分割线 */
[data-id="separator_5"],
#hz_test_id
{
    display: none;
}


​

你自己按照需求加一下需要隐藏的元素

比如 你想隐藏菜单里的 移动, 就这么改

每个菜单项的 data-id 如下图, 是一一对应的,

新代码: https://gitee.com/Hug_Zephyr/siyuan_script/blob/master/js/%E5%B1%95%E5%BC%80%E8%8F%9C%E5%8D%95%E9%A1%B9_20250621_111937.js

调整这个 14, 让他变大变小

调到 20 是这样的

whenElementExist 的死循环那个, 好早之前我就发现了, 然后优化了一波, 哈哈

  // 功能: 监听直到元素存在
  // 找到 selector 时，执行 func_cb，监听超时时间默认为 4s
  // selector: string | #id | function
  function whenExist(selector, func_cb, time_out = 4000) {
    console.log("whenExist begin", selector);

    return new Promise((resolve) => {
      const startTime = Date.now(); // 记录开始时间

      const checkForElement = () => {
        let element = null;

        // 根据selector类型进行查找
        if (typeof selector === 'string') {
          if (selector.startsWith('#')) {
            element = document.getElementById(selector.slice(1));
          } else {
            element = document.querySelector(selector);
          }
        } else if (typeof selector === 'function') {
          element = selector();
        } else {
          // 若 selector 不合法，直接退出
          console.error("Invalid selector type");
          resolve(false);
          return;
        }

        if (element) {
          // 元素存在时，执行回调并解析Promise
          if (func_cb) func_cb(element);
          resolve(true);
        } else if (Date.now() - startTime >= time_out) {
          // 超时处理
          console.log(selector, "whenExist timeout");
          resolve(false);
        } else {
          // 元素不存在且未超时，继续检查
          requestAnimationFrame(checkForElement);
        }
      };

      // 开始检查元素是否存在
      checkForElement();
    });
  }
​

已修改, 最新代码 20250621

https://gitee.com/Hug_Zephyr/siyuan_script/blob/master/js/%E5%B1%95%E5%BC%80%E8%8F%9C%E5%8D%95%E9%A1%B9_20250621_111937.js

效果

是因为我把 转换为 隐藏掉了, 影响到这里了

可以先把这里的 0 改成 1, 重启下思源, 我明天再看看能不能改

最新版 20250619 已经上传到 git 上, 自行食用

https://gitee.com/Hug_Zephyr/siyuan_script/blob/master/js/%E5%8D%95%E7%AF%87%E5%8F%91%E5%B8%83_20250619_182624.js

改动

隐藏上下左右栏的图标, 改为 直接隐藏上下左右栏, 也就是说, 不支持控制大纲和文档树是否显示

发布单篇: 只会 且 强制 显示大纲

发布单篇及以下: 只会 且 强制 显示文档树和大纲

我这个标题, 看起来跟你说的没啥区别呀 "发布时只显示单篇文档"

指定文档是可以搞得, 改起来也比较简单, 但是操作起来可能不太方便

比如: 如何批量获取文档 id, 我不想为了指定多个文档特意加一个批量获取 id, 因为我平时也用不到发布功能, 更别说指定多个文档了

总结一个字, 懒的搞

可以看看这个

[js] 发布时只显示单篇文档 _release_v1.0

我的数据量不多，冲了一块钱，感觉能用好几年

我已经将按钮提出来了, 可以体验下

[js] 展开二级菜单 20250619

折叠的块有个属性来着, fold="1"

右键菜单如果是这样, 确实感觉不错, 不知道有没有大佬搞一搞

前两个点看起来跟 大纲 很像啊, 要不试下大纲?

第三点

思源的 工具栏和右键菜单在我看来是两个东西

工具栏操作的是, 一个块里面的某些内容

右键菜单操作的是, 这个块

应该无法将右键菜单的内容挪到工具栏, 即使真的可以, 效果也不会太好

我都忘了当初怎么发现思源的

感觉平时根本没见过思源，见到最多的就是 notion 和 ob

是的, 我前段时间也发现这个现象了

大佬向你发出了感谢, 然后假装没有看到 😂

试下这个, 66 越大边距越宽

div.protyle-wysiwyg.protyle-wysiwyg--attr {
    padding-left: 66px !important;
    padding-right: 66px !important;
}
​