登录 注册

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

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

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)

  • 思源笔记

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

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

    22412 引用 • 89736 回帖
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 操作
20 回帖
9
3
2
2.1k 457 393 601 29 18 4 538

相关帖子

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

欢迎来到这里！

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

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

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

    如下图，此时随机端口为 54300：

    image.png

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

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

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

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

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

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

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

    改好了

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

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

    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
宁德
回帖
29
 帖子
9
 积分
4883

近期热议

推荐标签 标签

  • BND

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

    107 引用 • 1281 回帖 • 28 关注
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖 • 1 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    342 引用 • 708 回帖
  • 星云链

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

    3 引用 • 16 回帖 • 1 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时（类型系统由你的数据定义）。GraphQL 并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 9 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。

    86 引用 • 122 回帖 • 625 关注
  • SVN

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

    29 引用 • 98 回帖 • 683 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言，可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克（Rob Pike）说：我们之所以开发 Go，是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    497 引用 • 1387 回帖 • 284 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    21 引用 • 140 回帖 • 3 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库，强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery，是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 724 关注
  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    62 引用 • 289 回帖 • 1 关注
  • Gzip

    gzip （GNU zip）是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件，它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

    9 引用 • 12 回帖 • 134 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖 • 4 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖 • 2 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 531 关注
  • 职场

    找到自己的位置，萌新烦恼少。

    127 引用 • 1705 回帖
  • Dubbo

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

    60 引用 • 82 回帖 • 597 关注
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖 • 1 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 511 关注
  • 负能量

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

    88 引用 • 1235 回帖 • 412 关注
  • WebComponents

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

    1 引用 • 2 关注
  • 工具

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

    286 引用 • 729 回帖
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 399 关注
  • 程序员

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

    568 引用 • 3532 回帖
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 3 关注
  • 倾城之链
    23 引用 • 66 回帖 • 139 关注

最新标签