元否

插件分享:可能是最实用的高亮插件Hamsterbase Highlighter

· [元否]

我最近发现了一个很棒的插件:Hamsterbase Highlighter。这个插件可以很好地应用于网页划线高亮。熟悉我的朋友都知道,我正在尝试学习开发,而由于知识访问储备不足,我会频繁地访问 MDN( https://developer.mozilla.org/zh-CN/docs/Learn ) 进行文档学习。有时经常会忘记自己看到哪里了,那会儿我经常想,如果有一款插件可以标记提示我就好了。

没想到,Hamsterbase Highlighter 完全对标我的需求。

坦白说,如果只是高亮网页内容,其实也有很多可平替的插件,但这款插件最让我无法拒绝的地方是它免费、免注册登录,而且基于 Notion 集成!

Hamsterbase Highlighter 简介

先看看它的官方介绍吧:Hamsterbase Highlighter 是一款具有丰富功能的高亮网页插件,允许你轻松地在任何网页上进行文本高亮。它非常适合那些需要对在线文章、论文或其他网络内容进行批注并保存的用户。

本产品特点:

  • 简单易用,配置后您仅需选择需要突出高亮的文本,然后点击一下高亮图标即可。
  • 存储您的高亮内容,轻松将您的高亮内容保存到 Notion、Hamsterbase 等平台。
  • 隐私保护,插件不会收集您的任何个人信息,您在使用插件时无需提供任何个人信息。

讲真,回想起之前自己用产品,要么就是让你注册看广告,要么就是利用服务器上的数据裹挟你开会员,而这么一款“自爆式”良心的插件我从来都没遇到过。

抱着好奇心,我又在网上搜索了一番,结果发现作者在少数派上的自我安利:

虽说这个插件是为我的稍后读软件 HamserBase 设计的,但是在开发时我把它设计成了一个通用的批注插件。而且,插件本身是免费非盈利的,会一直保持开源、免费。并且无需注册,也不会收集任何信息。
目前支持两个平台 HamsterBase 和 Notion , 绑定笔记软件后,支持直接在网页上批注,再次访问时会自动显示之前的批注。
如果你绑定了 HamsterBase , 批注高亮时还会自动保存快照。( 这是因为 Notion 没有文件上传接口,所以不支持保存快照)除了批注,本插件还支持了阅读模式,点击插件 icon 就可以通过阅读模式来阅读网站,避免其他信息进行干扰。

话都说到这份上了,我用还不行么。

基于 Notion 的插件用法

这里主要介绍一下基于 Notion 的用法,因为门槛相对较低。(其实是我比较懒)。在开始之前,补充一下 Hamsterbase Highlighter 的思路:这个插件希望我们指定高亮内容的保存位置,这样数据我们在高亮的时候,数据可以被存储下来。那么下次再访问这个页面时,你就可以看到曾经的高亮内容。

那我们就开始吧!

首先安装插件,在谷歌插件商店搜索“Hamsterbase Highlighter”即可。点击“添加到谷歌”即可,我这里已经安装过了,就不再演示了。

下面以 MDN 为例,在浏览器打开 https://developer.mozilla.org/zh-CN/docs/Learn ,单击刚才安装的那个插件,就是那个“松鼠”图标。这时,插件会帮我们自动进入“阅读模式”。不过我们现在需要完成存储到 Notion 的配置,所以先点击右上角那个“小齿轮”图标。

插件会打开一个面板,我解释一下里面的内容。从上到下依次是:

  1. 终端服务,表示你要存储到哪里?这里我们选择 Notion。
  2. Notion Token,Notion 的口令,后面会讲解。
  3. Notion Database id,Notion 数据库的 ID,同样后面会讲解。
  4. 允许扩展访问和修改数据库,这个勾选框我们勾上。
  5. 自动开启功能,这个就是之前存储过高亮就可以下次访问的时候再次看到,当然要开启。
  6. 开启存储状态,如果之前高亮过网页,松鼠图标会增加一个✅的标记,选择开启。
  7. 自动禁用网页列表,以下网页将不会开启标注功能。这个我没有需求,可根据自己需要填入相对应的域名。

接下来,我们要访问 Noiton 的集成了。新开标签页,浏览器打开 https://www.notion.so/my-integrations 页面(未登录情况下 Notion 会让你登录。)

创建一个新的集成,点击“Create new integration”,输入一个名称即可(我这里写的是“highlighter”),点击“submit”按钮。创建完成后,系统会自动跳到密钥页面:

我们点击“show”,把这串代码复制到刚才的“Notion Token”输入框里。然后进入自己的 Noiton 页面中,创建一个新页面来作为存储池。

接下来需要做两件事:1. 直接给这个页面添加一个数据库,我们创建页面时点击 “table”添加进去,选择“New database”。2. 点击右上角“更多”的图标,找到“Add connections”,添加刚才的集成。在弹窗的二次确认中选择“confirm”。

这时你会发现,浏览器的地址栏,多了一串数值——这其实就是数据库的 ID。我们把这一段数值复制到插件的“Notion Database id”输入框。神奇的一幕发生了:插件右上角的红色链接图标变成了绿色的正常状态。

这说明插件和 Notion 的链接已经完成,今后我们可以随时随地高亮任意网页的内容,并且这些内容还可以在 Noiton 对高亮内容进行处理。

以上就是插件分享的全部内容了。Enjoy!