登录 注册

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

本贴最后更新于 285 天前，其中的信息可能已经事过景迁

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

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

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

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

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

  • 思源笔记

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

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

    25092 引用 • 103451 回帖
  • Q&A

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

    9567 引用 • 43554 回帖 • 98 关注
上海 位置
20 悬赏
1 关注
2 收藏
7 回帖
550 172 297 2 5 74

相关帖子

被采纳的回答
  • QMike • • 2 via Linux
    订阅者 付费者 捐赠者

    可以试一试下面的 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 主题的标签样式进行了设置，不习惯的话可以自己改一下

7 回帖
有没有什么方法能将所有的静态锚文本改成动态锚文本？

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • 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; 
}
​
  • 其他回帖
  • QMike • • 2 via Linux
    订阅者 付费者 捐赠者

    可以试一试下面的 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 主题的标签样式进行了设置，不习惯的话可以自己改一下

  • 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);
}
​
  • 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;
}
 
​
  • 查看全部回帖
outnever
上海
回帖
2
 帖子
2
 积分
411

近期热议

推荐标签 标签

  • Q&A

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

    9567 引用 • 43553 回帖 • 98 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 2 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 542 关注
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    948 引用 • 1460 回帖
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    199 引用 • 541 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    556 引用 • 675 回帖
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖
  • WebComponents

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用 • 8 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    66 引用 • 114 回帖 • 194 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    410 引用 • 3588 回帖
  • 小薇

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

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

    34 引用 • 467 回帖 • 760 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划，本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE，直到 1999 年 Sun 买下此公司。Sun 于次年（2000 年）六月将 NetBeans IDE 开源，直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 703 关注
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    239 引用 • 224 回帖 • 1 关注
  • Word
    13 引用 • 40 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    28 引用 • 197 回帖 • 31 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。

    227 引用 • 476 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖 • 1 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发，最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 11 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 290 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件，它使得 Java 程序员能在不进行重部署的情况下，即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 678 关注
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 3 关注
  • 工具

    子曰：“工欲善其事，必先利其器。”

    298 引用 • 762 回帖 • 1 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”（正式缩写为 Fx 或 fx，非正式缩写为 FF），是一个开源的网页浏览器，使用 Gecko 排版引擎，支持多种操作系统，如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 390 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3196 引用 • 8215 回帖
  • 思源笔记

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

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

    25092 引用 • 103450 回帖
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点；但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中，从而不再需要读写 HDFS，因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 568 关注
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    53 引用 • 40 回帖

最新标签