有没有什么方法能将所有的静态锚文本改成动态锚文本?

刚刚开始使用思源笔记,所以在开始时没有动态锚和静态锚的区别概念。于是,将很多本应该设置为动态锚的引用文本设置成了静态锚。

请问,有没有什么方法可以快速的将所有的静态锚文本转化成动态锚文本。

现在遇到的两个具体问题是:

  1. 静态锚文本和动态锚文本在文章中的观感不可区分,无法简单的分辨哪些是静态的,哪些是动态的。只能通过右键设置中的选项来确定。
  2. 没办法通过搜索来判断哪些锚文本是静态的还是动态的。

请问各位前辈,有没有什么好办法可以分辨?

  • 思源笔记

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

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

    22259 引用 • 88964 回帖
  • Q&A

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

    8078 引用 • 36890 回帖 • 161 关注
被采纳的回答
  • 可以试一试下面的 CSS,修改了双链样式,并把静态锚文本和动态锚文本进行了区分:

    .protyle-wysiwyg [data-node-id] span[data-type~='block-ref'] {
        color: var(--b3-theme-primary)!important;
        font-weight: inherit;
        background-color:transparent!important;
        border-bottom:none!important;
        text-decoration: none!important;
    }
    
    .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]{
        background-color: #70b3ca !important; 
        color: #FFFFFF !important;
        display: inline-flex;
        border-bottom: 0px solid #FFFFFF;
        font-size: 85%;
        text-decoration: none !important;
        border-radius: 0.3em;
        padding: 0em 0.375em 0.08em !important;
        margin: 0em 0.25em;
        transform: translateY(-1.5px);
        box-sizing: border-box;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }
    
    /* 为引用块后面增加引用图标 */
    .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]::before {
        color: #2eaadc!important;
        content: "🏷";
    }
    
    .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]::after {
        color: #2eaadc!important;
        content: "";
    }
    
    .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]:hover {
        background-color: #559898 !important;
    }
    
    .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"]:hover {
        background-color: var(--b3-theme-primary-lightest)!important;
    }
    

    不过我是将动态锚文本当作双链标签来使用,所以仿照 Tsundoku 主题的标签样式进行了设置,不习惯的话可以自己改一下

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • kobi 2

    image.png

    /* 块引用*/
    div.protyle-wysiwyg [data-node-id] span[data-type="block-ref"]{
        color:var(--b3-theme-primary) !important;
        padding:0 5px;
        border-radius: 6px ;
        border-top:1px dashed var(--b3-theme-primary) !important;
        border-left: 5px solid var(--b3-theme-primary) !important;
        border-right: 5px  solid var(--b3-theme-primary) !important;
        border-bottom:1px dashed var(--b3-theme-primary) !important;
        border-image:unset !important;
    }
    
    /* 块引用 静态*/
    div.protyle-wysiwyg [data-node-id] span[data-type="block-ref"][data-subtype="s"]{
        border-top:1px dashed var(--b3-theme-primary) !important;
        border-left: 10px solid var(--b3-theme-primary) !important;
        border-right: 1px  dashed var(--b3-theme-primary) !important;
        border-bottom:1px dashed var(--b3-theme-primary) !important; 
    }
    
  • 其他回帖
  • 大佬们都是各显神通

  • drawone

    image.png

    image.png

    分别显示淡化的 D 和 J,用以区分动态和静态。既不太碍眼,仔细分辨又能区分它的类型。也不太容易混淆到底是动态还是静态。

    
    .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"]::before {
        color: gray !important;
        content: "J";
    opacity:0.15; background-color: black !important;margin-right:2px;
    }
    
    .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"][data-subtype="d"]::before {
        color: gray !important;
        content: "D";
    opacity:0.15; background-color: black !important;margin-right:2px;
    }
     
    
  • Achuan-2 2

    改了下 Tsundoku 主题:

    Clip20240704163137.png

    .protyle-wysiwyg [data-node-id] span[data-type~='block-ref'] {
        /*更改颜色*/
        color: var(--b3-protyle-inline-blockref-color);
        padding-bottom: 0em;
        height: 1.5em;
        opacity: 1;
        border-bottom: 1px dashed var(--b3-protyle-inline-blockref-color);
    }
    /* 静态锚文本块引样式    */
    .protyle-wysiwyg [data-node-id] span[data-type~='block-ref'][data-subtype="s"] {
        border-bottom: 1px dotted var(--b3-protyle-inline-blockref-color);
    }
    
  • 查看全部回帖

推荐标签 标签

  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 209 关注
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 134 关注
  • Vditor

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

    351 引用 • 1811 回帖 • 2 关注
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 614 关注
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    167 引用 • 1510 回帖
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖
  • ngrok

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

    7 引用 • 63 回帖 • 627 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 657 关注
  • gRpc
    11 引用 • 9 回帖 • 69 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 113 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖 • 2 关注
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    21 引用 • 245 回帖 • 247 关注
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖 • 1 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 158 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    77 引用 • 390 回帖
  • 负能量

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

    88 引用 • 1235 回帖 • 413 关注
  • 爬虫

    网络爬虫(Spider、Crawler),是一种按照一定的规则,自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 381 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    209 引用 • 2031 回帖
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    5 引用 • 7 回帖
  • 996
    13 引用 • 200 回帖 • 4 关注
  • Ngui

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

    7 引用 • 9 回帖 • 390 关注
  • Q&A

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

    8078 引用 • 36890 回帖 • 161 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 2 关注
  • Openfire

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

    6 引用 • 7 回帖 • 96 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖