登录 注册

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

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

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

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

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

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

  • 思源笔记

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

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

    22928 引用 • 92186 回帖 • 1 关注
  • Q&A

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

    8405 引用 • 38302 回帖 • 156 关注
上海 位置
20 悬赏
1 关注
2 收藏
7 回帖
363 168 188 1 5 1

相关帖子

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

    可以试一试下面的 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 回帖
有没有什么方法能将所有的静态锚文本改成动态锚文本？

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • JeffreyChen • • 2
    付费者 支持者 捐赠者

    上面的是动态锚文本，下面的是静态锚文本。有需要的话可以用 CSS 区分一下样式：

    image.png

    复制块引粘贴的一概是动态锚文本，只有特殊情况下会手动改成静态锚文本，这难道还不好区分吗？

  • QMike • • 2
    订阅者 付费者 捐赠者

    可以试一试下面的 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);
}
  • 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; 
}
  • mozhu •
    订阅者 付费者 支持者 捐赠者

    大佬们都是各显神通

  • outnever •
    订阅者 作者

    感谢各位大佬。问题已经解决。非常感谢。

  • 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

近期热议

推荐标签 标签

  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量，事件及实时分析。

    2 引用 • 79 关注
  • CodeMirror
    1 引用 • 2 回帖 • 132 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    107 引用 • 295 回帖
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 173 关注
  • 倾城之链
    23 引用 • 66 回帖 • 136 关注
  • SQLite

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

    5 引用 • 7 回帖 • 4 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 534 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 365 关注
  • NetBeans

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

    78 引用 • 102 回帖 • 685 关注
  • 书籍

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

    78 引用 • 391 回帖
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 537 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

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

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

    83 引用 • 37 回帖
  • 新人

    让我们欢迎这对新人。哦，不好意思说错了，让我们欢迎这位新人！
    新手上路，请谨慎驾驶！

    52 引用 • 228 回帖
  • 安装

    你若安好，便是晴天。

    132 引用 • 1184 回帖
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 6 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 2 关注
  • OpenStack

    OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。

    10 引用
  • Node.js

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

    139 引用 • 269 回帖 • 31 关注
  • 面试

    面试造航母，上班拧螺丝。多面试，少加班。

    325 引用 • 1395 回帖
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

    6 引用 • 14 回帖
  • OnlyOffice
    4 引用 • 4 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商，致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景，七牛先后推出了对象存储，融合 CDN 加速，数据通用处理，内容反垃圾服务，以及直播云服务等。

    27 引用 • 225 回帖 • 167 关注
  • Ngui

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

    7 引用 • 9 回帖 • 394 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • WordPress

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

    66 引用 • 114 回帖 • 225 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 14 关注

最新标签