登录 注册

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

  • 思源笔记

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

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

    18600 引用 • 69242 回帖 • 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.6k 352 387 267 19 13 538

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
Spade7
宁德
回帖
27
 帖子
9
 积分
3439

近期热议

推荐标签 标签

  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台，同时可以将自己看到的精彩内容分享到微信朋友圈。

    129 引用 • 793 回帖
  • SVN

    SVN 是 Subversion 的简称，是一个开放源代码的版本控制系统，相较于 RCS、CVS，它采用了分支管理系统，它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 693 关注
  • 机器学习

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

    76 引用 • 37 回帖
  • Tomcat

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

    162 引用 • 529 回帖
  • Git

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

    205 引用 • 357 回帖 • 1 关注
  • Thymeleaf

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

    11 引用 • 19 回帖 • 317 关注
  • Google

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

    49 引用 • 192 回帖
  • Jenkins

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

    51 引用 • 37 回帖
  • PHP

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

    164 引用 • 407 回帖 • 526 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 685 关注
  • V2Ray
    1 引用 • 15 回帖
  • Java

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

    3167 引用 • 8207 回帖
  • 书籍

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

    76 引用 • 390 回帖 • 1 关注
  • danl
    • 61 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    395 引用 • 3408 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • Docker

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

    476 引用 • 899 回帖
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • 工具

    子曰：“工欲善其事，必先利其器。”

    273 引用 • 679 回帖
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 15 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    45 引用 • 113 回帖 • 317 关注
  • NGINX

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

    311 引用 • 546 回帖 • 37 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 293 关注
  • Kafka

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

    35 引用 • 35 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 43 关注
  • OnlyOffice
    4 引用 • 28 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点；但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中，从而不再需要读写 HDFS，因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 549 关注

最新标签