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

本贴最后更新于 398 天前,其中的信息可能已经东海扬尘

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 自带图床 - 动作信息 - 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)

  • 思源笔记

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

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

    18150 引用 • 66977 回帖
6 操作
Spade7 在 2023-02-24 23:57:03 更新了该帖
Spade7 在 2023-02-24 23:55:24 更新了该帖
Spade7 在 2022-03-05 12:48:47 更新了该帖
Spade7 在 2022-03-05 12:46:43 更新了该帖 Spade7 在 2022-03-05 12:11:51 更新了该帖 Spade7 在 2022-03-05 12:09:56 更新了该帖

相关帖子

欢迎来到这里!

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

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

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

  • 其他回帖
  • hyouka

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

    1 回复
  • 👍 顶

  • Spade7

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

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

    image.png

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

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

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

    1 回复
  • 查看全部回帖

推荐标签 标签

  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    66 引用 • 124 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖 • 1 关注
  • 思源笔记

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

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

    18150 引用 • 66977 回帖 • 1 关注
  • 游戏

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

    169 引用 • 799 回帖
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 409 关注
  • 30Seconds

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

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

    Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。

    108 引用 • 54 回帖
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3165 引用 • 8206 回帖
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    126 引用 • 3621 回帖 • 1 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    131 引用 • 1114 回帖 • 152 关注
  • SOHO

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

    7 引用 • 55 回帖 • 98 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    85 引用 • 1192 回帖 • 461 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    76 引用 • 37 回帖
  • LaTeX

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

    9 引用 • 32 回帖 • 178 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 625 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 545 关注
  • 面试

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

    324 引用 • 1395 回帖
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 21 关注
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    16 引用 • 53 回帖 • 104 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    21 引用 • 22 回帖 • 1 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    164 引用 • 407 回帖 • 524 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 1 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    83 引用 • 894 回帖
  • GitLab

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

    46 引用 • 72 回帖 • 1 关注
  • 书籍

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

    76 引用 • 390 回帖
  • 小薇

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

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

    34 引用 • 467 回帖 • 688 关注
  • BND

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

    107 引用 • 1281 回帖 • 21 关注