回帖 - wilsons


(()=>{
    // 监听面包屑项出现
    observeElementExist('.protyle-wysiwyg__embed .protyle-breadcrumb__bar .protyle-breadcrumb__item:first-child', async (breadcrumb) => {
        if(!breadcrumb.closest(".protyle-wysiwyg__embed .protyle-breadcrumb__bar.protyle-breadcrumb__bar--nowrap .protyle-breadcrumb__item:first-child")) return;
        const breadcrumbText = breadcrumb.querySelector(".protyle-breadcrumb__text");
        if(!breadcrumbText) return;
        const text = breadcrumbText.textContent;
        const parts = text.split('/');
        let result = [];
        if (parts.length >= 3) {
          result = parts.slice(3);
        } else {
            return; // 不足3项不处理
        }
        // 当面包屑第二个箭头的标题和第一个箭头的标题相同时过滤掉
        const breadcrumbBar = breadcrumb.parentElement;
        let nextText = breadcrumbBar?.querySelectorAll(".protyle-breadcrumb__text");
        if(!breadcrumbBar || !nextText || !nextText[1]) return;
        nextText = nextText[1];
        result = result.filter(item => item.trim() !== nextText.textContent.trim());
        // 当面包屑第一个箭头的标题和文档标题相同时过滤掉
        let doc = await query(`select content from blocks where id = '${breadcrumb.dataset.id}'`);
        doc = doc[0] || {};
        result = result.filter(item => item.trim() !== doc.content.trim());
        //重新输出面包屑
        const finalResult = result.join('/');
        breadcrumbText.textContent = finalResult;
    }, document.body);

    // 查询SQL函数
    async function query(sql) {
        const result = await requestApi('/api/query/sql', { "stmt": sql });
        if (result.code !== 0) {
            console.error("查询数据库出错", result.msg);
            return [];
        }
        return result.data;
    }

    async function requestApi(url, data, method = 'POST') {
        return await (await fetch(url, {method: method, body: JSON.stringify(data||{})})).json();
    }

    // 监听元素出现
    function observeElementExist(selector, callback, observeNode) {
        const handleMutations = (mutationsList, observer) => {
            for (let mutation of mutationsList) {
                if (mutation.type === 'childList') {
                    mutation.addedNodes.forEach(node => {
                        if(!node || node.nodeType !== Node.ELEMENT_NODE) return;
                        if (node.matches && node.matches(selector)) {
                            callback(node);
                        } else if (node.querySelector(selector)) {
                            const nodes = node.querySelectorAll(selector);
                            nodes.forEach(node => {
                                callback(node);
                            });
                        }
                    });
                }
            }
        };
  
        // 创建一个MutationObserver实例
        const config = { attributes: false, childList: true, subtree: true };
        const observer = new MutationObserver(handleMutations);
  
        // 选择需要监听的父节点
        observeNode = typeof observeNode === 'string' ? document.querySelector(observeNode) : observeNode;
        const targetNode = observeNode || document.body;
  
        // 开始监听目标节点的变化
        observer.observe(targetNode, config);
    }
})();

求改个 sql or js，只筛选笔记本下某个层级以上的文档

2025-01-27 16:28

sql 加个条件应该就行了吧，你试试看


-- 查询文档层级限制最大多少级
AND (LENGTH(path) - LENGTH(REPLACE(path, '/', ''))) / LENGTH('/') <= 2

可参考批量导入文档到数据库 0.0.6 版全新发布里的查询

按时间顺序汇总项目过程的记录有什么好的方法？

2025-01-27 14:54

maybe 这个也可以震惊，思源表格和数据库竟然可以用 SQL 查询

如何获取空行输入光标位置？

2025-01-27 14:52

这是因为，空行，光标处的结点不是 text 是 dom 元素，空行可以用 window.getSelection().getRangeAt(0).startContainer 获取

比如下面这个兼容二者的方式


(window.getSelection().getRangeAt(0).startContainer.nodeType === Node.TEXT_NODE?window.getSelection().getRangeAt(0):window.getSelection().getRangeAt(0).startContainer).getBoundingClientRect();

震惊，思源表格和数据库竟然可以用 SQL 查询

2025-01-27 13:19

是的，暂时先这样，如果有空的话重新设计下使用模式。现在通过一个函数实现为了达到某些效果，反而复杂功能变得更复杂，自用没问题，别人用就蒙了。

另外，如何设计交互也很重要，以前没感觉交互设计师的重要性，现在觉得良好的交互不仅对用户友好，对开发也友好。

震惊，思源表格和数据库竟然可以用 SQL 查询

2025-01-27 12:53

不擅长写教程，这个写细了太多，太简略别人看不懂，很难平衡。而且很费事费力不说，还未必有人看。感觉这个简单查询目前还是太复杂了，小白不好用。

有无大佬提取 savor 主题中的列表转表格功能

2025-01-27 12:04

那个圆点没有居中对齐

这不是看你截图中的效果才弄的，不要这个效果，更省事。

那个圆点没有居中对齐

你说的对齐是什么？如果指左侧空白太多的话，这是因为小圆点上移了显得空旷，恢复上移就好了

你看看下面这个是不是你想要的效果？

css:


:root:not([plugin-custom-block-disabled~=list-view-table]) .protyle-content [custom-block-list-view=table] [data-node-id] {
    border-radius: 0;
}

效果：

另外，想看懂“自定义块”插件的内容可以看看插件开发文档 https://docs.siyuan-note.club/zh-Hans/

另外，已发布的插件的 js 内容会被压缩了，可查看自定义块插件源码 https://github.com/Zuoqiu-Yingyi/siyuan-plugin-custom-block

代码片段求助——嵌入块面包屑隐藏，前 3 层、文档本层路径

2025-01-27 07:23

应该可以，建议提供下文档示例，不同的文档结构这个面包屑可能有差异。还有，你是打算所有文档都去掉还是限制某些文档？

有无大佬提取 savor 主题中的列表转表格功能

2025-01-27 07:19

确实是，但或许插件 +css 样式调整可能是最简单快捷的方案，毕竟提取太过麻烦了。

比如


:root:not([plugin-custom-block-disabled~=list-view-table]) .protyle-content [custom-block-list-view=table]>[data-node-id].li {
    /* padding: 3px 0; */
    overflow: visible;
}
:root:not([plugin-custom-block-disabled~=list-view-table]) .protyle-content [custom-block-list-view=table] [data-node-id].li>.protyle-action {
    top: 0%;
}
:root:not([plugin-custom-block-disabled~=list-view-table]) .protyle-content [custom-block-list-view=table] [data-node-id] {
    border-radius: 0;
}

效果

有无大佬提取 savor 主题中的列表转表格功能

2025-01-26 15:47

这个插件可以达到同样的效果

[css] 多彩文档树竖线 -- 按层级区分颜色

2025-01-25 19:01

虽然我不用，但我觉得很牛 🍺

求修改文档属性 - 浮窗 - 字体大小的 css

2025-01-25 07:27

理论上所有主题都支持


.protyle-attr--memo.b3-tooltips::after{
    font-size: 30px; /* 设置备注字体大小，大小可根据自己需要调整 */
    line-height: 30px; /* 如果文字大小超过17px，需要添加这个行高 */
}

访问发布服务的首页怎么更改

2025-01-23 01:17

思源默认并不支持更改发布服务默认打开的文档，通常是打开最近使用的文档。

不过，可以用 js 实现，比如下面这个 js，可以实现打开发布服务时默认打开指定的文档


// 发布服务默认打开指定的文档
{
    // 定义主页打开的文档id
    const homeDocId = '20240825071627-9mhkrtr';
  
    const localSearch = location.search.toLowerCase();
    if(siyuan.config.readonly && localSearch.indexOf("?id=") === -1 && localSearch.indexOf("&id=") === -1){
        location.replace(location.href + (localSearch.indexOf('?') === -1 ? '?' : '&') + 'id=' + homeDocId);
    }
}

如果你仅仅想分享文档的话，直接在发布服务 url 参数里加 id=xxxx 就可以了，xxxx 就是文档 id，focus=true ，是带聚焦。

使用 Deepseek 作为 AI 使用

2025-01-22 23:34

如果用 api 且 Windows 的话，推荐这个 [quicker] 问 AI，随时随地问 AI

功能强大，聚合多模型，比如，多个模型可以共用历史会话，各抒己见，哈哈哈。

什么是共用历史会话？即切换 ai 无影响，比如，第一个问题问豆包，然后切换模型，第二个问题问 deepseek，deeseek 依然知道刚才提了什么及豆包回答了什么，接着，第三个让通义说说吧，第四个，chatgpt，别光观望呀，。。。。。。

思源自带的 ai，嵌套太深了，每次都要找半天且不能设置快捷键，已经放弃。