登录 注册

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

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

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)

  • 思源笔记

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

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

    22338 引用 • 89383 回帖
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.0k 455 393 594 29 18 4 538

相关帖子

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

欢迎来到这里！

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

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

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

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

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

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

  • dammy •
    订阅者 支持者 勇士

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

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

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

    改好了

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

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

    1 回复
  • 查看全部回帖
Spade7
宁德
回帖
29
 帖子
9
 积分
4883

近期热议

推荐标签 标签

  • 黑曜石

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

    A second brain, for you, forever.

    15 引用 • 122 回帖
  • Hadoop

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

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

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

    10 引用 • 4 关注
  • DevOps

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

    47 引用 • 25 回帖
  • RYMCU

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

    4 引用 • 6 回帖 • 51 关注
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 550 回帖
  • PWA

    PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 154 关注
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    105 引用 • 127 回帖 • 382 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • 运维

    互联网运维工作，以服务为中心，以稳定、安全、高效为三个基本点，确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    149 引用 • 257 回帖
  • Swift

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

    36 引用 • 37 回帖 • 529 关注
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖
  • Ant-Design

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

    17 引用 • 23 回帖
  • Google

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

    49 引用 • 192 回帖 • 1 关注
  • BND

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

    107 引用 • 1281 回帖 • 27 关注
  • 招聘

    哪里都缺人，哪里都不缺人。

    190 引用 • 1057 回帖
  • Gitea

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

    4 引用 • 16 回帖 • 5 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    85 引用 • 139 回帖 • 1 关注
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 816 回帖 • 1 关注
  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 629 关注
  • Typecho

    Typecho 是一款博客程序，它在 GPLv2 许可证下发行，基于 PHP 构建，可以运行在各种平台上，支持多种数据库（MySQL、PostgreSQL、SQLite）。

    12 引用 • 65 回帖 • 437 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。

    69 引用 • 372 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖
  • Sym

    Sym 是一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）系统平台。

    下一代的社区系统，为未来而构建

    524 引用 • 4601 回帖 • 700 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 43 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 787 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖

最新标签