登录 注册

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

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

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

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

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

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

  • 思源笔记

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

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

    22259 引用 • 88964 回帖
  • Q&A

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

    8078 引用 • 36890 回帖 • 161 关注
上海 位置
20 悬赏
1 关注
2 收藏
7 回帖
327 164 158 5

相关帖子

被采纳的回答
  • 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

近期热议

推荐标签 标签

  • 安装

    你若安好，便是晴天。

    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

    “工作 996， 生病 ICU”

    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 回帖

最新标签