请问集市插件 web 工具集成怎么才能让自定义网页在思源中打开

本贴最后更新于 249 天前,其中的信息可能已经天翻地覆

大佬们,web 工具集成这个插件很方便,但是现在发现只有微信读书是可以在思源里面打开,其他的自定义网页比如知乎,我打开都是跳转到谷歌浏览器打开,怎么样才能让自定义网页也可以在思源里面打开呢?

  • 思源笔记

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

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

    25721 引用 • 106430 回帖 • 1 关注
  • Q&A

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

    9856 引用 • 44802 回帖 • 76 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • wilsons 1

    下面这两个插件可以实现

    image.png

    image.png

    2 回复
  • 感谢回答,我两个插件都安装了,还是不行,奇怪的就是有些网站可以,比如微信读书没问题,还有 web 集成里面的几个默认网页 flomo,滴嗒清单,cubox 都没问题,但是像知乎,得到,还有一些其他的我经常上的网站,在 web 集成插件里面打开就自动跳转到谷歌浏览器

  • 刚刚试了下,youtube 也是可以在思源里面打开的,所以很好奇是什么原因造成有些网页可以在思源打开,有的网页则会跳到默认浏览器打开

    1 回复
  • 不清楚原因,我这边可以,但打开速度较慢。

    r60.gif

    你也可以试试 browserTab / 网页视图 + 侧边栏工具,如图

    r61.gif

    2 回复
  • 知乎网页是可以在思源里面打开的,但是里面的帖子只要一点击,就自动跳到谷歌浏览器,感觉这个说不定是一些网站自己的底层设定导致

  • 您对 css 代码很有研究,我发现集市的 callout 插件可以给引用块加上小铃铛,正确的勾号等等样式,不知道我们自己能不能写个 css 代码实现,我是因为用微信读书,把笔记直接批量导入后,就是一堆引述块,如果一个个修改样式太麻烦,能否写个 css,样式参考 callout 插件的样式?谢谢哈

    1 回复
  • wilsons 2

    不清楚你的具体需求,这里可能涉及多种类型的样式,需要在块中添加对应的标识,需要 js 实现。这里仅以铃铛为例演示说明,如果还需其他样式或多种样式,请自行研究。(注意,这个只是思路示例,不代表最终产品,有问题请自行研究调整)

    css 代码如下

    :root { --callout-default-icon-top: .35em; --callout-default-icon-left: .1em; --callout-default-icon-font-size: 1.4em; --callout-default-fc-font-size: 1.3em; --callout-default-fc-padding: 1.7em; --callout-default-fc-font-weight: 700; --callout-big-icon-top: .35em; --callout-big-icon-left: .1em; --callout-big-icon-font-size: 1.4em; --callout-big-fc-font-size: 1.3em; --callout-big-fc-padding: 1.7em; --callout-big-fc-font-weight: 700; --callout-small-icon-top: .45em; --callout-small-icon-left: .2em; --callout-small-icon-font-size: 1em; --callout-small-fc-font-size: 1em; --callout-small-fc-padding: 2.2em; --callout-small-fc-font-weight: inherit; --callout-fold-height: 34px; --callout-fold-icon-top: 10px; --callout-fold-font-size: 20px; --callout-fold-icon: "⤴"; --callout-default-icon-top: var(--callout-big-icon-top); --callout-default-icon-left: var(--callout-big-icon-left); --callout-default-icon-font-size: var(--callout-big-icon-font-size); --callout-default-fc-font-size: var(--callout-big-fc-font-size); --callout-default-fc-padding: var(--callout-big-fc-padding); --callout-default-fc-font-weight: var(--callout-big-fc-font-weight); } .protyle-wysiwyg div[data-node-id].bq::after { content: "🔔" !important; } .protyle-wysiwyg .bq:not([custom-callout-mode]):after, .protyle-wysiwyg .bq[custom-callout]:not([custom-callout-mode]):after { top: var(--callout-default-icon-top); left: var(--callout-default-icon-left); font-size: var(--callout-default-icon-font-size); } .protyle-wysiwyg .bq::after, .protyle-wysiwyg .bq[custom-callout]::after { font-family: 'Twitter Emoji', 'Noto Color Emoji', 'OpenMoji', sans-serif !important; } .protyle-wysiwyg .bq:after, .protyle-wysiwyg .bq[custom-callout]:after { content: ""; position: absolute; border: none; transform: none; margin-left: 10px; } .bq:not([custom-callout-mode])>.p:first-child{ font-weight: var(--callout-default-fc-font-weight) !important; font-size: var(--callout-default-fc-font-size) !important; padding: 0 0 0 var(--callout-default-fc-padding) !important; } .protyle-wysiwyg .bq .p, .protyle-wysiwyg .bq[custom-callout] .p { padding-left: 2.2em !important; } .protyle-wysiwyg [data-node-id].bq { background-color: rgba(246, 225, 205, .5) !important; box-shadow: 0 0 0 2px rgba(246, 225, 205, 1) inset; } .protyle-wysiwyg div[data-node-id].bq, .protyle-wysiwyg div[data-node-id][custom-callout].bq { border: none !important; border-radius: 5px; background-image: none; line-height: normal !important; } .protyle-wysiwyg .bq, .protyle-wysiwyg .bq[custom-callout] { padding: 4px; padding-left: 8px !important; color: var(--b3-theme-on-background); }

    效果

    r62.gif

    1 回复
    1 操作
    wilsons 在 2024-09-23 19:41:02 更新了该回帖
  • 非常感谢!

请输入回帖内容 ...
guogdq
博学之,审问之,慎思之,明辨之,笃行之 上海

推荐标签 标签

  • JRebel

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

    26 引用 • 78 回帖 • 678 关注
  • CodeMirror
    2 引用 • 17 回帖 • 164 关注
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    56 引用 • 85 回帖
  • 自由行
    2 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    92 引用 • 752 回帖
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖
  • 小薇

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

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

    35 引用 • 468 回帖 • 761 关注
  • Lute

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

    29 引用 • 202 回帖 • 28 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 384 回帖 • 9 关注
  • OneDrive
    2 引用 • 2 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 534 关注
  • Python

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

    554 引用 • 675 回帖
  • LaTeX

    LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 59 回帖 • 5 关注
  • Rust

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

    58 引用 • 22 回帖 • 10 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖 • 7 关注
  • 安全

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

    199 引用 • 818 回帖
  • 正则表达式

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

    31 引用 • 94 回帖 • 1 关注
  • CloudFoundry

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

    5 引用 • 18 回帖 • 185 关注
  • Vue.js

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

    268 引用 • 666 回帖
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 447 关注
  • Hexo

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

    22 引用 • 148 回帖 • 9 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 555 关注
  • 书籍

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

    79 引用 • 396 回帖
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 116 关注
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖