在使用 [[ 或者【【的时候想引用本文档的可能会引用到外部文档

我[[引用的时候能否特别标注下是否是本文档的还是别的文档的内容(例如改变下本文档的路径颜色,跟非本文档的颜色区别开),只特别标注出本文档的是不是会舒服很多。我知道有个功能是[[和【【有区别,但是我觉得还是比较麻烦。或者[[后增加两个个按钮,分别对应着本文档,全部文档,这样我觉得查找起来也方便。
毕竟现在引用的时候如果多个文档都有相应的内容不会优先显示本文档的,每次都还得费心看下文档名有没有错不是很方便。或者优先显示本文档的内容,我觉得都是可以的。仅仅是提议,不知道是否可行,能行的话有没有大佬能搞个 js 插件,悬赏 500 积分,只需要改变下颜色 🙏

Image

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    28444 引用 • 119764 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    11153 引用 • 50648 回帖 • 52 关注

相关帖子

被采纳的回答
  • wilsons 1

    效果如下,样式和排序可在代码开头的参数里按说明修改

    image.png

    代码

    // 自定义引用列表排序和样式
    // see https://ld246.com/article/1754037296210
    (()=>{
        // 是否优先显示当前文档的块
        const isShowCurrDocBlocksFirst = true;
      
        // 这里设置列表样式👇
        addStyle(`
            /* 设置列表文本样式 */
            .protyle-hint .b3-list-item:has(.search-ref-curr-doc-item) .b3-list-item__text{
                color: green;
                font-weight: bold;
            }
            /* 设置列表path等样式 */
            .protyle-hint .b3-list-item:has(.search-ref-curr-doc-item) .b3-list-item__meta{
                color: red;
            }
        `);
    
        // 获取引用列表
        searchRefBlockSortBy(isShowCurrDocBlocksFirst);
        // isSortByCurrDocId 是否按当前文档id优先排序
        function searchRefBlockSortBy(isSortByCurrDocId = true) {
            const originalFetch = window.fetch;
            window.fetch = async function (url, init) {
                // 真正发请求
                const response = await originalFetch(url, init);
      
                // 只处理目标接口
                if (url.toString().toLowerCase().endsWith('/api/search/searchrefblock')) {
                    const docId = (document.querySelector('[data-type="wnd"].layout__wnd--active .protyle:not(.fn__none)')||document.querySelector('[data-type="wnd"] .protyle:not(.fn__none)'))?.querySelector('.protyle-title')?.dataset?.nodeId;
                    const docIds = docId ? [docId] : [];
                    try {
                        // 克隆一份 response,用来读 body
                        const cloned = response.clone();
                        const bodyJson = await cloned.json();
                        const blocks = bodyJson?.data?.blocks;
                        if (Array.isArray(blocks) && blocks.length > 0) {
                            // 设置颜色
                            blocks.forEach(block => {
                                // 设置样式标记
                                if(docIds.includes(block.rootID)) block.content = `<span class="search-ref-curr-doc-item">${block.content}</span>`;
                            });
                        
                             // 排序返回结果
                            let sortedBlocks = [];
                            if(isSortByCurrDocId && docIds.length) sortedBlocks = sortByDocIds(blocks, docIds);
                            if(sortedBlocks.length) bodyJson.data.blocks = sortedBlocks;
                        
                            // 把修改后的数据串回去,构造一个新的 Response
                            const newBody = JSON.stringify(bodyJson);
                            const { status, statusText, headers } = response;
                            return new Response(newBody, { status, statusText, headers });
                        }
                    } catch (e) {
                        // 如果不是 JSON,直接返回原始 response
                        console.log(e);
                        return response;
                    }
                }
      
                // 默认返回原始 response
                return response;
            };
            // 按id列表顺序排序,相同的按原序不动
            function sortByDocIds(blocks, docIds) {
                const orderMap = new Map(docIds.map((id, idx) => [id, idx]));
                return blocks.sort((a, b) => {
                    const orderA = orderMap.has(a.rootID) ? orderMap.get(a.rootID) : Infinity;
                    const orderB = orderMap.has(b.rootID) ? orderMap.get(b.rootID) : Infinity;
                    return orderA - orderB;
                });
            }
        }
        function addStyle(css) {
            const style = document.createElement('style');
            style.textContent = css;
            document.head.appendChild(style);
        }
    })();
    

    参考帖子 有什么办法可以在搜索双链时优先展示某些路径下的内容块呀

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • wilsons 1 1 评论

    效果如下,样式和排序可在代码开头的参数里按说明修改

    image.png

    代码

    // 自定义引用列表排序和样式
    // see https://ld246.com/article/1754037296210
    (()=>{
        // 是否优先显示当前文档的块
        const isShowCurrDocBlocksFirst = true;
      
        // 这里设置列表样式👇
        addStyle(`
            /* 设置列表文本样式 */
            .protyle-hint .b3-list-item:has(.search-ref-curr-doc-item) .b3-list-item__text{
                color: green;
                font-weight: bold;
            }
            /* 设置列表path等样式 */
            .protyle-hint .b3-list-item:has(.search-ref-curr-doc-item) .b3-list-item__meta{
                color: red;
            }
        `);
    
        // 获取引用列表
        searchRefBlockSortBy(isShowCurrDocBlocksFirst);
        // isSortByCurrDocId 是否按当前文档id优先排序
        function searchRefBlockSortBy(isSortByCurrDocId = true) {
            const originalFetch = window.fetch;
            window.fetch = async function (url, init) {
                // 真正发请求
                const response = await originalFetch(url, init);
      
                // 只处理目标接口
                if (url.toString().toLowerCase().endsWith('/api/search/searchrefblock')) {
                    const docId = (document.querySelector('[data-type="wnd"].layout__wnd--active .protyle:not(.fn__none)')||document.querySelector('[data-type="wnd"] .protyle:not(.fn__none)'))?.querySelector('.protyle-title')?.dataset?.nodeId;
                    const docIds = docId ? [docId] : [];
                    try {
                        // 克隆一份 response,用来读 body
                        const cloned = response.clone();
                        const bodyJson = await cloned.json();
                        const blocks = bodyJson?.data?.blocks;
                        if (Array.isArray(blocks) && blocks.length > 0) {
                            // 设置颜色
                            blocks.forEach(block => {
                                // 设置样式标记
                                if(docIds.includes(block.rootID)) block.content = `<span class="search-ref-curr-doc-item">${block.content}</span>`;
                            });
                        
                             // 排序返回结果
                            let sortedBlocks = [];
                            if(isSortByCurrDocId && docIds.length) sortedBlocks = sortByDocIds(blocks, docIds);
                            if(sortedBlocks.length) bodyJson.data.blocks = sortedBlocks;
                        
                            // 把修改后的数据串回去,构造一个新的 Response
                            const newBody = JSON.stringify(bodyJson);
                            const { status, statusText, headers } = response;
                            return new Response(newBody, { status, statusText, headers });
                        }
                    } catch (e) {
                        // 如果不是 JSON,直接返回原始 response
                        console.log(e);
                        return response;
                    }
                }
      
                // 默认返回原始 response
                return response;
            };
            // 按id列表顺序排序,相同的按原序不动
            function sortByDocIds(blocks, docIds) {
                const orderMap = new Map(docIds.map((id, idx) => [id, idx]));
                return blocks.sort((a, b) => {
                    const orderA = orderMap.has(a.rootID) ? orderMap.get(a.rootID) : Infinity;
                    const orderB = orderMap.has(b.rootID) ? orderMap.get(b.rootID) : Infinity;
                    return orderA - orderB;
                });
            }
        }
        function addStyle(css) {
            const style = document.createElement('style');
            style.textContent = css;
            document.head.appendChild(style);
        }
    })();
    

    参考帖子 有什么办法可以在搜索双链时优先展示某些路径下的内容块呀

    感谢感谢感谢 🙏
    zhaoshengmu

推荐标签 标签

  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 444 关注
  • gRpc
    11 引用 • 9 回帖 • 116 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    19 引用 • 23 回帖 • 770 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 633 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 517 关注
  • OpenCV
    15 引用 • 36 回帖 • 1 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。

    119 引用 • 54 回帖
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 51 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    105 引用 • 908 回帖 • 1 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 56 关注
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    51 引用 • 200 回帖 • 2 关注
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    151 引用 • 257 回帖 • 1 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 133 关注
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 1 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 384 回帖
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 299 关注
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    12 引用 • 5 回帖 • 660 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 430 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 3 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    78 引用 • 37 回帖
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 668 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    89 引用 • 1251 回帖 • 376 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    176 引用 • 544 回帖
  • 工具

    子曰:“工欲善其事,必先利其器。”

    308 引用 • 773 回帖
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    35 引用 • 468 回帖 • 768 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    386 引用 • 1892 回帖 • 1 关注