思源作为本地图床导入材料至 SuperMemo,以网页为例

SuperMemo 自带的材料导入方式有两种:复制黏贴与网页导入(web import)。不过,这个不太重要,材料导入的重点并不在这里,即使是网页文件也可以使用复制黏贴,同时,由于我这篇文章 SuperMemo 基本元素与渐进阅读 | 个人踩坑经验 - 知乎 (zhihu.com)提到的网页导入会自带 reference 的原因,我几乎不会使用这种方式来导入材料。

  我认为 SuperMemo 导入图文的重点如下:

  1. 对于文字,我们需要快速的从原材料选取所需要的部分,以及去除它的样式。
  2. 对于图片,保证其不受文件路径影响正常显示。

  对于新手,在不确定结果的情况下,尽量将处理相关的操作放在软件外面,在 SuperMemo 里进行一些设计之外的操作,基本是多只香炉多只鬼,很容易出问题。

  我这边就不做什么系统的梳理,罗列分析目前的各种方法有什么利弊了,反正到最后也是为了推荐我目前在使用的方法。

image.png

用思源配合导入网页

  这个方法的核心思路就是先把网页导入到思源笔记,再从思源笔记导入到 SuperMemo。

  对于文字,使用剪藏扩展 webclipper,使用智能提取可以将主流网页的主要内容提取到思源。即使,扩展不支持智能提取,我们也可以使用手动提取的方式来选取自己想要的内容。同时,保存到思源的内容已经是不带原格式的(思源的文档原先采用的是 md 格式,现在采用的.sy 文件是 json)。这就将选取内容与去除格式的压力转移给了外部。

image.png

Web Clipper - Chrome 应用商店 (google.com)

  对于图片,如若我们直接复制网页到 html,里面的图片文件是 img 标签的形式,这会带来一些问题:1.如果设备没有联网,图片也就无法显示。2.网络都是虚拟的,天知道这些网页链接什么就失效了,你把握不住。

  如果想要通过下载图片到本地来解决这个问题,又会遇到一堆七七八八图片绝对相对路径的问题。

  而思源在运行的时候会打开本地端口 6808,你可以通过 http://127.0.0.1:6806 来访问自己的笔记,最重要的是所有的本地资源文件是通过 http://127.0.0.1:6806/assets/* 来访问的,当你从思源导入材料,其中的图片是类似 <img src="http://127.0.0.1:6806/assets/*.png"> 形式的 img 标签,真正做到了只管理链接,不管理图片本体,也大大减少了图片在 SuperMemo 中出问题的可能性,也减小了 SuperMemo 集合的备份压力。

image.png

思源的图片资源链接 ↑

image.png

在 SuperMemo 中的显示效果 ↑

image.png

SuperMemo 中实际保存的信息 ↑

  如果你不了解 html 相关的知识,你可以理解为通过思源导入的图片在 SuperMemo 的卡片中只是一行代码,这行代码的意思是,这边应该显示一张图片,图片在 src=后面的地址里,这个地址里的图片是由思源本地提供的。

  这就是我为什么在第一篇文章说,我会在 reference 专门设置一个 link 指向对应的思源笔记,同时,保留一个原材料在思源里,也方便我其他相关的笔记对其进行引用,一定程度上能解决所谓的碎片化问题。

  在从思源导入材料到 SuperMemo 之前,我们需要做一点点准备:

  1. 去思源的设置里打开显示网络角标的选项

    image.png

    image.png

  复制网络图片的时候,思源默认是不下载本地的,打开这个选项后,如果是没有下载到本地的网络图片,左上角会有一个标识。

  1. 确定要将图片下载到本地,点击左上角的 更多-网络图片转换为资源文件

image.png

  将网络图片下载到本地后,我们就可以导入到 SuperMemo 里了,要用到下面这个动作:

SY 文章->SM - by Spade7 - 动作信息 - Quicker (getquicker.net)

  具体操作为:

  1. 如果有需要的话,在 SuperMemo 设置好 concept
  2. 在思源打开想要导入到 SuperMemo 的文章
  3. 运行动作,会进入到这篇文章的预览模式
  4. 用鼠标选中想要导入的部分,因为这个模式没有全选操作,不能用 ctr+a,所以,如果要导入全文,我一般用鼠标在开头点一下,按键盘上的 end 键跳到最下面的位置,按住 shift 再点一下末尾就可以全选文章
  5. 选好要导入的部分后,按 ctrl+c,会跳到 SuperMemo 新建文章再跳回思源

  这个本地图床的思路是由 @dammy 老铁提出的,动作也是他制作出来的,极大提升了 SuperMemo 材料导入的体验,解决了图片导入的痛点,在这里向他表示感谢。

将思源作为本地图床

  如果只是想在自己写卡的时候以上面的形式插入自选的图片,单纯把思源作为本地图床也是可以实现的,需要专门建立一个文档,里面什么也不要写,只放自己需要插入的图片。具体操作,参考下面这个视频:

  

  需要用到这个动作:

  插入图片到 sm(网页已更新教程) - 动作信息 - Quicker (getquicker.net)

  图床的视频教程与动作由 sm 群友 @bluebair 提供,向他表示感谢。

  在 SuperMemo 内部如果有清除格式的需求,可以使用撑起 SuperMemo-Quicker 动作半边天的 a 佬的动作

  终极格式清除 - 动作信息 - Quicker (getquicker.net)

  • 思源笔记

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

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

    20238 引用 • 78262 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 😄 很棒,在学习了解思源和 sm 的时候,我深刻感受到工具应该减轻使用者的心智负担,而不是成为一种桎梏。它是脚手架而非枷锁,思源和 sm 就是转移我学习时压力的工具,而思源又能转移 SM 本身缺陷带来的压力,这才是个人成长学习系统该有的样子。

    赞美你的经验分享,Spade7 同志。

    1 回复
  • Spade7 1 1 赞同

    哈哈,相互分享,共同进步,如果没有叶哥,也接触不到 SuperMemo;没有各位制作动作的朋友,使用体验也不会像现在这么友好。希望分享精神在间隔重复圈子和思源社区能不断传递。

  • 👍 顶

  • hyouka

    好像不支持固定 6806 端口了? supermemo 这下怎么图片链接联动

    1 回复
  • Spade7

    现在是原来的 6806+ 一个随机端口一起监听,除非 6806 被占了才会失效

  • 不知道是什么原因,我思源导入进去的笔记图裂了 😭 我没搞明白,大家还有没有什么好办法连带着图片给他导进去的,而不是作为一个链接

    1 回复
  • Spade7

    我大概知道原因,是因为在思源的 2.7.1 版本更新中,为了避免打开思源的时候,原来的 6806 固定端口被占用,改成了,开启 6806 端口的同时,会打开另外一个随机端口。

    如下图,此时随机端口为 54300:

    image.png

    但同时在导出预览的页面中复制出来的图片链接端口为随机端口,而非之前的 6806 端口,而下一次打开思源的时候随机端口变动了,自然无法显示图片。

    我去发个帖子提一下这个问题,不知道能不能为了这个用法的 SuperMemo 用户更改一下。

    目前的解决方法是,更改 sm 的卡片源文件把端口号改为 6806

    1 回复
  • 谢谢 ❤️ ,在看到回复前,我使用了一个方法:思源笔记导出为 HTML 文件,并保存在一个固定的地方,再通过 IE 导入 SM,即使更换设备,也保证位置及存储内容跟随移动,以此保证导入内容的稳定性

    我感觉这个方法是很稳妥简单的,但是我很奇怪并没有在网络上看到过对此的说明,因为我没有相关的知识好不容易才明白了 SM 存储导入的逻辑 😂

    1 回复
  • Spade7

    有的,这篇文章的第二个就是你这种方法 SuperMemo 的 epub 导入方案介绍及发展历程 - 知乎 (zhihu.com),正是因为要保证路径完全一致,才不想使用这种方式,比如,之前放在 E 盘,换的新设备却可能没有 E 盘。

  • linyuanmuyu

    大佬,我这边出现个问题,用这种方法其他都成功了,但是链滴文章中导入思源,思源把图片本地化,quicker 发到 SM,就无法显示,其他网站的文章都可以的

    1 回复
  • Spade7

    得加一步了。

    在思源的 2.7.1 版本更新中,为了避免打开思源的时候,原来的 6806 固定端口被占用,改成了,开启 6806 端口的同时,会打开另外一个随机端口。

    但同时在导出预览的页面中复制出来的图片链接端口为随机端口,而非之前的 6806 端口,而下一次打开思源的时候随机端口变动了,无法显示图片。

    目前的解决方法是,更改 sm 的卡片源文件把端口号改为 6806。

    1 回复
  • flowers

    的确如此,最近导入 supermemo 的图片都挂了,找了一圈才找到这个正确回答,大佬现在有什么初步设想吗?我看网络上提出的一种解决方法是用 vscode 批量的改--但是一次也只能改一个 topic。

    1 回复
  • Spade7

    更改的话,用 vscode 打开更上一级的文件夹,然后批量修改:

    用正则匹配 http:\/\/[0-9.]+:(.*?)\/assets 替换为 http://127.0.0.1:6806/assets

    1 回复
  • flowers

    楼主厉害。我也想到了一个方法,既然是因为端口被占用导致的本地化图片时端口不对,那我们可以在用动作添加图片及文章进 SuperMemo 中时用端口检查命令在 cmd 中检查一下,如果端口没有被占用,此时思源应该还是使用的默认端口(没看源码,存疑),如果端口被占用,则直接结束占用该端口的进程。

    以下是检查端口的命令(gpt 生成的):

    在 Windows 中,你可以使用 netstat 命令来查看一个端口是否被占用。以下是具体的步骤:

    1. 打开命令提示符(Command Prompt)。你可以在开始菜单中搜索"cmd"来找到它。
    2. 在命令提示符中,输入以下命令并按回车键:
    netstat -ano | findstr :6806
    

    这个命令会显示所有使用该 6806 端口的进程。如果没有任何输出,那么这个端口就没有被占用。

    如果你看到了输出,那么你可以通过最后一列的 PID(进程 ID)来找出哪个进程正在使用这个端口。你可以在任务管理器(Task Manager)的"详细信息"(Details)标签下,通过 PID 来找到对应的进程。

    2 回复
  • Spade7

    问题在于 6806 是否有被占用,思源都会打开 6806+ 随机 双端口,而从 导出预览 里复制出来的图片链接一定是随机端口。最好的方式应该是 把原 quicker 脚本更改一下,复制的时候能够自动替换成 6806,有空我看看能不能实现。老铁你也可以尝试一下,看能不能改出来

  • Spade7

    改好了

    SY 文章->SM - by Spade7 - 动作信息 - Quicker (getquicker.net)

    使用这个动作导入的图片应该是 6806

    1 回复
  • flowers

    厉害了楼主,切切实实用行动提升了 supermemo 的用户体验,赞赞赞

请输入回帖内容 ...

推荐标签 标签

  • 新人

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

    51 引用 • 226 回帖
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    171 引用 • 814 回帖
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    45 引用 • 25 回帖
  • NetBeans

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

    78 引用 • 102 回帖 • 649 关注
  • GitLab

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

    46 引用 • 72 回帖 • 1 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 3 关注
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    165 引用 • 1475 回帖
  • 互联网

    互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。

    97 引用 • 344 回帖
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    544 引用 • 3531 回帖
  • Ant-Design

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

    17 引用 • 23 回帖
  • 正则表达式

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

    31 引用 • 94 回帖 • 1 关注
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖 • 1 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 623 关注
  • Tomcat

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

    162 引用 • 529 回帖
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 2 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    311 引用 • 546 回帖
  • 招聘

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

    189 引用 • 1056 回帖 • 1 关注
  • 星云链

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

    3 引用 • 16 回帖
  • 面试

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

    324 引用 • 1395 回帖
  • LaTeX

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

    9 引用 • 32 回帖 • 138 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖 • 2 关注
  • 反馈

    Communication channel for makers and users.

    124 引用 • 907 回帖 • 225 关注
  • 百度

    百度(Nasdaq:BIDU)是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村,致力于向人们提供“简单,可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”,象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 238 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 41 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    713 引用 • 1174 回帖 • 96 关注
  • 电影

    这是一个不能说的秘密。

    120 引用 • 598 回帖
  • 国际化

    i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。

    7 引用 • 26 回帖 • 2 关注