登录 注册

思源作为本地图床导入材料至 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)

  • 思源笔记

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

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

    20174 引用 • 77854 回帖 • 1 关注
3 引用
希望在 "导出预览" 页面复制的图片本地链接端口固定为 6806 • Spade7
关于利用思源实现渐进阅读的设想 • dammy
思源 2.4.1 至 2.5.0 重要更新一览（带图） • dammy
8 操作
Spade7 在 2024-04-13 09:57:00 更新了该帖
Spade7 在 2024-04-13 09:48:52 更新了该帖
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 更新了该帖
宁德 位置
4 感谢
3 收藏
3 引用
8 操作
18 回帖
8
3
2
1.8k 387 393 411 22 18 538

相关帖子

18 回帖
思源作为本地图床导入材料至 SuperMemo，以网页为例

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Spade7 •
    订阅者 付费者 作者

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

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

    1 回复
  • 其他回帖
  • Spade7 •
    订阅者 付费者 作者

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

  • flowers •

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

    1 回复
  • Spade7 • • 1 • 1 赞同
    订阅者 付费者 作者

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

  • 查看全部回帖
Spade7
宁德
回帖
28
 帖子
9
 积分
4489

近期热议

推荐标签 标签

  • 持续集成

    持续集成（Continuous Integration）是一种软件开发实践，即团队开发成员经常集成他们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。

    14 引用 • 7 回帖 • 3 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣，为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 45 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具，支持本地 Markdown 文件编辑，支持双向链接和关系图。

    A second brain, for you, forever.

    10 引用 • 88 回帖
  • 分享

    有什么新发现就分享给大家吧！

    245 引用 • 1776 回帖 • 3 关注
  • wolai

    我来 wolai：不仅仅是未来的云端笔记！

    2 引用 • 14 回帖
  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    11 引用 • 5 回帖 • 580 关注
  • 倾城之链
    23 引用 • 66 回帖 • 120 关注
  • 禅道

    禅道是一款国产的开源项目管理软件，她的核心管理思想基于敏捷方法 scrum，内置了产品管理和项目管理，同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能，在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来，完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 181 关注
  • Webswing

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

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

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证。

    4 引用 • 16 回帖
  • 国际化

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

    7 引用 • 26 回帖
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储，专门用于在分布式系统中保存关键数据。

    5 引用 • 26 回帖 • 499 关注
  • OpenStack

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

    10 引用 • 5 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 52 关注
  • Java

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

    3169 引用 • 8208 回帖 • 1 关注
  • frp

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

    16 引用 • 7 回帖 • 2 关注
  • 博客

    记录并分享人生的经历。

    272 引用 • 2386 回帖 • 2 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”（正式缩写为 Fx 或 fx，非正式缩写为 FF），是一个开源的网页浏览器，使用 Gecko 排版引擎，支持多种操作系统，如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 428 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 320 关注
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    26 引用 • 85 回帖
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    51 引用 • 37 回帖 • 3 关注
  • 单点登录

    单点登录（Single Sign On）是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 2 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合，以模块的方式组织管理插件以
    及相关配置，为不同的语言开发量身定制了相关的开发模块，该模块提供代码自动补全，
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 82 关注
  • Ubuntu

    Ubuntu（友帮拓、优般图、乌班图）是一个以桌面应用为主的 Linux 操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词，意思是“人性”、“我的存在是因为大家的存在”，是非洲传统的一种价值观，类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    123 引用 • 168 回帖
  • LaTeX

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

    9 引用 • 32 回帖 • 143 关注
  • WebComponents

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

    1 引用 • 3 关注

最新标签