← 返回列表

保存文章至Obsidian的解决方案

需求

最近学习了一些前端原理相关的知识,看到了许多特别好的文章,想要将它们保存下来,记录到我的Obsidian中,方便以后有用到的时候再看。

保存的内容必须包含正文、图片。另外最好能有文章的一些元数据信息,例如创建时间、编辑时间、作者、平台等。

解决方案

找到一个Chrome插件可以实现这个能力:WebInk

这个插件可以将页面的正文内容提取为markdown,并且还可以通过模版功能,自定义输出的markdown的格式。

示例

以知乎上的一篇文章为例:

  1. 安装WebInk插件。
  2. 打开知乎文章: https://zhuanlan.zhihu.com/p/78362028
  3. 点击WebInk插件。这时插件会自动打开侧边栏,并且展示markdown格式的文章。

到这一步我们就可以将内容复制到Obsidian中了。但我还希望能够保留文章的元数据信息,可以通过模版功能做到。

  1. 点击侧边栏右上角的齿轮按钮,进入配置页面。
  2. 在下边可以看到我们的模版列表,点击Basic FrontmatterEdit
  3. 这时我们可以编辑模版以添加一些元数据信息了,以下是我的模版
---
title: {{title}}
url: {{url}}
publishedTime: {{publishedTime}}
author: {{byline}}
site: {{siteName}}
type: 收藏好文
---
  1. 然后点击Update Template以保存。
  2. 这时我们回到知乎文章的页面,点击左上角的selector,选取模版,可以看到按照我们的模版格式生成了markdown。
  3. 复制markdown并粘贴到obsidian中。

大功告成!

可能的改进

  1. 流程里仍然有手动操作、可以被自动化的部分,比如复制markdown、粘贴的过程。是不是可以搞个工作流把这步也去掉了。
  2. 图片链接仍然是知乎的,是不是可以存到我自己的云上。