登录 注册

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

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

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

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

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

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

  • 思源笔记

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

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

    22927 引用 • 92178 回帖 • 1 关注
  • Q&A

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

    8405 引用 • 38301 回帖 • 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 回帖
有没有什么方法能将所有的静态锚文本改成动态锚文本？

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • 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
    订阅者 付费者 捐赠者

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

  • JeffreyChen • • 2
    付费者 支持者 捐赠者

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

    image.png

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

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

近期热议

推荐标签 标签

  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 26 关注
  • SQLite

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

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

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 5 关注
  • Laravel

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

    20 引用 • 23 回帖 • 726 关注
  • 安全

    安全永远都不是一个小问题。

    200 引用 • 816 回帖
  • Vue.js

    Vue.js（读音 /vju ː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    265 引用 • 666 回帖
  • OpenStack

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

    10 引用
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 535 关注
  • 正则表达式

    正则表达式（Regular Expression）使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖
  • NetBeans

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

    78 引用 • 102 回帖 • 685 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时（类型系统由你的数据定义）。GraphQL 并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 7 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    288 引用 • 4485 回帖 • 663 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司，即：Kunming Zunyuan Property Agency Company Limited（简称“尊园地产”）于 2007 年 6 月开始筹备，2007 年 8 月 18 日正式成立，注册资本 200 万元，公司性质为股份经纪有限公司，主营业务为：代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 770 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 548 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    123 引用 • 74 回帖
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖 • 1 关注
  • Docker

    Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的操作系统上。容器完全使用沙箱机制，几乎没有性能开销，可以很容易地在机器和数据中心中运行。

    492 引用 • 926 回帖
  • OpenResty

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

    17 引用 • 38 关注
  • CentOS

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

    238 引用 • 224 回帖
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 464 关注
  • Vditor

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

    354 引用 • 1823 回帖
  • CodeMirror
    1 引用 • 2 回帖 • 132 关注
  • 钉钉

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

    15 引用 • 67 回帖 • 335 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    85 引用 • 139 回帖
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用，支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    20 引用 • 7 回帖 • 1 关注
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1063 引用 • 3454 回帖 • 191 关注
  • ReactiveX

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

    1 引用 • 2 回帖 • 156 关注

最新标签