书签这回事
上回说到用 自建网页书签 Flare ,今天不小心把 SSH 链接弄坏了(也就是连不上了),因为搭载的服务不多,所以把整个服务器都重装了,Flare 网页书签也炸了。
其实搭建之后我没有用过(一次都没有),平时的书签管理主要靠搜索,各个浏览器之间的书签互相导入后,直接在搜索栏搜,如果是常用的网址,我用 Chorme 扩展 eesel 来解决,它可以列出最近用过的网页,按站点分类,查找起来很方便
最近还推出了一个新功能,可以通过命令进行一下快捷操作,如创建新的 coda 文件、figma 文件等……有点像 Alfred
然后还有一个工具叫 Omni 可以做类似的事情,它还可以搜收藏夹,但不知道为什么我的 Chrome 用不了这个,所以也一直没用。
关于 Airtable
Airtable 是一个多功能的表格应用,它的表格跟 Notion 里的 Database 挺像的,不过功能更多,用来做网页收藏夹 Free Plan 完全够用。基本的操作可以看这个: 真· Airtable 3 分钟菜鸟入门 - 少数派 ,我没有什么要补充的。
从去年开始,我开始用 Airtable 整理我的一些收藏夹。原因如下:
- 可以分享的表格链接,移动端网页适配也很好
- 提供可嵌入网页(如博客)的
<iframe>
代码,样式也可以调整 - 方便的 Chrome 拓展,可以智能抓取网页标题和截图、描述
- 可以给收藏打 Tag,更好整理,也可以写补充描述/评分等
- 多种表格视图(Gallery/Calender/Kanban……)
- 美丽: D
当然这样做也有一些缺点,和其他专门做网页书签的应用不同,Airtable 只是一个「表格」,所以从表格到收藏的网页中去需要点两次,也就是需要打开条目再点一次链接。我把它定义为一个「收藏仓库」,而不是一个随用随取的「文具袋」,我会尽可能详细地描述收藏的条目,以备之后查找和辨识。
我的书签例子:
怎么用 Airtable 剪切网页
我的收藏夹示例: Airtable - About Coding
1. 创建表格
至少包含三项内容:
- URL:用来放网页的链接
- LongText:网页描述
- Attachment:放网页截图
如果需要打开 Markdown 格式支持,需要打开 Enable rich text formatting
也可以增加 Tag 和 Categories 分类等其他内容,下面是我建的示例文件:
2. 创建 app
点击右上角的 App
→ 点击 App an app
→ 搜 Web clipper
点击 add
添加应用
然后按提示安装 Chrome 拓展,你可以直接在这里安装: Airtable web clipper
为剪切动作命名,如直接用表格名字:About Coding
然后点击 Add to Extension
, 你会看到它出现在了 Web clipper 里面,不过现在先不用管,点击左上角关掉。
3. 配置剪切设置
在 Web clipper 的设置页面(如下),可以调整表格里面各个单元格对应的网页数据,可以按需设置
其中:
- Page Title:页面标题
- Page URL:页面链接
- Selected text:打开 Web Clipper 时选中的文本
- Meta tag:The field will be prefilled with the value of the matching meta tag. (不知道是什么
- Text content by CSS selector:用 CSS 选择文本,会返回第一个符合选择器的文本内容,如
.page-description
- HTML attribute by CSS selector :结合 HTML 属性选择
我的设置是:
- Name——Page title
- URL——Page URL
- Attachments——none
- Description——Selected Text
4. Web Clipper 剪切
配置好后就可以开始使用了。在你需要剪切的网页,打开 Airtable web clipper,也就是先前安装的浏览器拓展,点击相应动作,比如刚才创建的 About Coding(如果这个面板有挡到页面内容,可以用鼠标拖动到别的地方)
在 Attachment 里选择附加图片的来源:
Description 里面的内容可以自己写,也可以在打开 Web clipper 之前先选中,打开后会自动填充进去,如图:
最后点击 Add record
就完成啦