手把手教你在思源中使用 Web Clipper(浏览器剪藏插件)

本贴最后更新于 1121 天前,其中的信息可能已经时移世异

喜闻 Web Clipper 适配思源新 API(Web-Clipper v1.31.0-alpha.14 发布 适配思源新 API - 链滴 @HTTP),写一个保姆级安装教程:

  1. webclipper/web-clipper: For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere@HTTPWeb-Clipper v1.31.0-alpha.14 发布 适配思源新 API - 链滴 @HTTP 下载 web_clipper_chrome Release v1.31.0-alpha.14.zip

  2. 解压,存放到一个文件夹 A,保证不删除

  3. 谷歌浏览器,地址栏输入 chrome://extensions/

  4. 谷歌浏览器,右上角,打开“开发者模式”,左上角“加载已解压的扩展程序”,定位到文件夹 A

  5. 思源笔记中,设置 → 关于 →API token,复制 token

  6. 在浏览器中点击 web clipper 插件(一个剪刀的形状),选择设置(一个螺丝钉图标),

  7. 添加账户,

    1. 类型选择“思源笔记”;
    2. token 粘贴刚才复制的思源 API token,点击蓝色“校验”;
    3. 默认知识库,自己选;
    4. 图床,点击选择“思源笔记”;点击“添加”
  8. 在你想要剪藏的网页上,单击 web clipper,“剪藏扩展”选择你需要剪藏的类型,在弹窗中输入你自己的评注(可选),点击蓝色“保存内容”

  9. 点击蓝色按钮“前往 思源笔记 查看”,点击弹窗“打开 SiYuan”,跳转到思源,自己再加工一下。

我思源笔记推荐码,欢迎使用:578MMHg

578 毫米汞柱的压强大概多少啊?

  • 思源笔记

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

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

    23088 引用 • 92921 回帖

相关帖子

欢迎来到这里!

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

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

    我怎么没有图床的选项。

    1 回复
  • OneChildME

    更想请问下怎么在火狐里面装这个插件 😂

    2 回复
  • microhooo

    很棒,点赞 👍

    1 回复
  • Diamond

    火狐好像比较严格,需要等上架吧?不知道有没有类似“开发者模式”的选项,你可以搜一下试试

  • Diamond

    如果没有的话,那只能 edge 浏览器顶一下了,或者去 web clipper 的 GitHub 催一催

  • Diamond

    你是下载的新版本吗??需要从 GitHub 下载新版本才有,从 guge 应用商店下载的版本可能没有图床选项

  • Diamond

    谢谢

  • 点击保存完,能不能不要每次都弹出去思源查看的小提示?

    1 操作
    Ellioot 在 2021-11-30 23:30:45 更新了该回帖
  • 感谢分享

  • 谢谢分享,但是目前发现代码的剪辑格式会变乱

    以及图片依然是在线的(原网页地址),那思源图床有啥用呢?

    1 回复
  • Diamond

    图床的问题昨天我也发现了,只能等 web clipper 作者更新了

  • 这也能水一篇是我没想到的 🤣 我还以为我那篇 Calibre URL 够水了呢 23333

    不过不需要解压后加载,直接把 .zip 拖动到 扩展 那个窗口就好了,签名没问题,会自动加载

    1 回复
  • milumilu

    是不是订阅用户才能使用?自己 docker 伺服的提示 failed to fetch。

    1 回复
  • Diamond

    我也很惊奇,这种简单的,没技术含量的,访问量、回复量挺高,但是前几天发的有技术含量的,倒是没怎么有回复

  • Diamond

    和是否订阅应该没关系吧,群里有用客户端的,也出现问题了,但是我也搞不懂怎么解决,抱歉

    1 回复
  • milumilu

    应该是插件只支持 localhost,因为选思源校验时,弹出的访问权限就是 localhost 和 127.0.0.1 的。

  • liberxk

    我怎么登录时候看不到思源账号?

  • chendeshen

    剪藏完 至少 该网页的图片 能保存 本地吧? 可以不?

    刚刚试了一下最新版,web clipper 剪藏完 图片是本地保存的,不是引用图片 url。赞赞赞。

    1 回复
  • flyhigh23

    请问用的什么版本的 web clipper,我这边用的最新的 1.33 的版本,剪藏的图片是链接,没有转本地图片

    1 回复
  • Diamond

    你试一下思源的插件,我这个也很久不用了,也是 1.33 版本

    如果在思源中这些图片能正常显示为图片,那么你在这个页面的偏右上位置,找三个点,“网络图片转换为本地图片”,思源会下载图片到本地

    image.png

  • seanli85 1 赞同

    我建立了两个工作空间,思源的浏览器剪藏插件,只能看到其中一个工作空间,看不到另一个空间

请输入回帖内容 ...

推荐标签 标签

  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖 • 1 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    190 引用 • 1057 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 635 关注
  • danl
    147 关注
  • Ngui

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

    7 引用 • 9 回帖 • 395 关注
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖
  • BND

    BND(Baidu Netdisk Downloader)是一款图形界面的百度网盘不限速下载器,支持 Windows、Linux 和 Mac,详细介绍请看这里

    107 引用 • 1281 回帖 • 37 关注
  • SOHO

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

    7 引用 • 55 回帖 • 4 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 17 关注
  • LaTeX

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

    12 引用 • 54 回帖 • 51 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 652 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    209 引用 • 358 回帖
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 627 关注
  • Vditor

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

    355 引用 • 1825 回帖 • 1 关注
  • 周末

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

    14 引用 • 297 回帖 • 1 关注
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 604 关注
  • Docker

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

    492 引用 • 927 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 1 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 387 关注
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    7 引用 • 40 回帖 • 1 关注
  • ReactiveX

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

    1 引用 • 2 回帖 • 162 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖
  • 倾城之链
    23 引用 • 66 回帖 • 138 关注
  • 思源笔记

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

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

    23088 引用 • 92920 回帖