利用 Airtable 实现属于自己的链接公开分享集

[Kenshin]

简悦公开页

如果你用过 Raindrop，它有一个分享功能，可以将你收藏的链接生成公开页。

通过 Airtable 你也能做到类似的效果，甚至比 Raindrop 拥有更好的视觉呈现方案，通过此功能，你也可以得到跟 Raindrop 一样的公开页功能，除此之外，相比 Raindrop 优势还包括：

• 数据永久保存在本地
• 支持各种方式的全文检索（ DEVONThinks 等工具）
• 原文的内容也以 Markdown 的形式出现在分享页（因为 Airtable 对 Markdown 语法支持度有限，所以图片无法预览）
• 支持多种视图方案

2021-11-03_15-50-56.mp4

分享页地址

• https://airtable.com/shrLZDUxCiy3ZGmm8/tblbrNchoHEoHVtxY
• https://raindrop.io/fxblog/-21131709

前置知识

需要事先完成下面的配置。

1. 如何开通开放平台
2. API 快照功能
3. 如何让稍后读支持读取本地缓存

一点说明

下面是整个过程的教程，截图较多，如果你的动手能力不错，尤其是使用过自动化服务的用户，大部分截图均可略过。整个配置不会超过五分钟。

注册并设置 Airtable

注册 Airtable，请使用 此链接 注册，你和我都能收到 $10。

注册时，可建立 workspace 或跳过（之后在建立，Airtable 都建立在 workspace 基础上的），如跳过后，请在下图建立。

建立后，请随便修改个名字，如 SimpRead

点击 Add a base 后根据下图选择

进入后请修改名称，如 Bookmarks

设置 Field

设置 Gallery 布局与分享功能

至此，Airtable 部分结束，接下来是 integrately 的设置。

注册并设置 integrately

如果你用过 IFTTT / Zapier 的话，integrately 是一个比 IFTTT 更强大的自动化程序，更难能可贵的是，免费版的即可使用 Webhook 服务。（ Zapier 的 Webhook 收费，虽然 IFTTT 不收费，但它的定制化无法跟 integrately 相比）

如果没有账户的话，请使用 此链接 注册，这样你和我都可以增加 500个 Task

得益于简悦开放 API & Webhook 支持，你可以使用 integrately 作为「数据中转服务」。

建立一个新的自动化

配置

在浏览器打开下面这个链接

https://hoppscotch.io/?v=1&method=POST&endpoint=https://api-wrap.simpread.pro/api/service/airtable&headers=%5B%7B%22key%22:%22endpoint%22,%22value%22:%22webhook%22,%22active%22:true%7D%5D&body=%7B%22body%22:%22%7B%5Cn%20%20%5C%22url%5C%22:%20%5C%22%7B%7Burl%7D%7D%5C%22,%5Cn%20%20%5C%22title%5C%22:%20%5C%22%7B%7Btitle%7D%7D%5C%22,%5Cn%20%20%5C%22content%5C%22:%20%5C%22%7B%7Bcontent%7D%7D%5C%22,%5Cn%20%20%5C%22cover%5C%22:%20%5C%22https://source.unsplash.com/1420x708/?nature%5C%22%5Cn%7D%22,%22contentType%22:%22application/json%22%7D

将上个步骤得到的 Webhook 根据下图所示的方式修改

点击发送

验证 Webhook

获取 Airtable Token API，进入 https://airtable.com/account 然后按照下图所示即可获取 Token

上图点击 Continue 后

设置 Webhook 与 Airtable 对应项，无误后点击 Test

如上述步骤无误后，会有下面的提示

截至到目前为止，Airtable 与 integrately 的自动化已经完成，接下来是简悦的自动化设置。

设置简悦专门为 Airtable 制作的 Webhook 服务

请将下面代码中 <integrately webhook url> 修改为上个阶段在 integrately 得到 webhook 地址，一般来说是 https://webhooks.integrately.com/a/webhooks/******

定制化参数说明请看这里。

{
    "name": "Webhook2Airtable",
    "url": "https://api-wrap.simpread.pro/api/service/airtable",
    "type": "POST",
    "headers": {
        "endpoint": "<integrately webhook url>"
    },
    "body": {
        "url": "{{url}}",
        "title": "{{title}}",
        "content": "{{content}}",
        "cover": "https://source.unsplash.com/1420x708/?nature"
    }
}

修改后使用 https://jsoneditoronline.org/ 提供的压缩方式将其压缩成一行

复制到简悦 → 选项页 → 服务 → Webhook 中

至此，全部的设置已经完成，接下来是如何使用。

如何使用

这里只说两种使用方式，一是加入稍后读后的自动化触发；二是手动触发。

自动化

因为上面已经设置了稍后读的自动化，所以在任意阅读模式下，使用 d d 即刻自动触发（也就是本文开头的效果）

注意此问题 部分操作方式加入稍后读时，无法触发自动化

设置自动化

手动触发

加入到 Webhook 后，即成为简悦的一种导出服务，可以在控制栏 → 动作 → 里面看到，点击后即可导出到 Airtable

结束

至此全部设置以及用法已经完成。

关联

• Raindrop.io 加星后自动导入到简悦并生成本地快照 #3021
• 加入 Pocket 后自动保存到简悦的稍后读（包含快照） #3024
• Instapaper 加星后自动保存到简悦的稍后读（包含快照） #3034
• 将简悦变成你的 RSS 阅读器（自动下载快照到本地） #3036
• 保存到 Pinboard.in 同时也保存到简悦（包括本地快照） #3048
• Inoreader 加星后自动保存到简悦的稍后读以及生成本地快照 #3007
• 订阅 Newsletter 后自动保存到简悦的稍后读 #3088
• 当加入稍后读后，自动发送到你的 Telegram Channel #3092
• 发送当前 URL 到飞书群（包括：加入稍后读或手动触发）#3104
• 保存 RSS 的全文到简悦的稍后读（包括快照） #3186

引申

• [教程]如何开通开放平台 #2757
• 当在开放平台设置完毕后，如何测试配置是否成功？ #3020
• 授权登录（如何使用第三方登录简悦的高级账户） #1570
• 个人中心 #2959
• 免密码登录 #2974

附录

• 简悦 API

• 自动化的设置

• 部分操作方式加入稍后读时，无法触发自动化

• Webhook 设置

[Kenshin]

定制化参数说明

因为 integrately 自带了 Webhook ，所以只要使用下面的方式，就可以正常使用

{
    "name": "Webhook2Airtable",
    "url": "https://webhooks.integrately.com/a/webhooks/*****",
    "type": "POST",
    "body": {
        "url": "{{url}}",
        "title": "{{title}}",
        "content": "{{content}}"
    }
}

但因为简悦支持的 Webhook 占位符中没有关于 Cover 的设置，所以无法实现下图中的效果

为此设置了一个中转服务 https://api-wrap.simpread.pro/api/service/airtable 通过此可以获取当前 URL 的题图。

简悦自建 Webhhook 的参数说明

下面的参数说明是针对

{
    "name": "Webhook2Airtable",
    "url": "https://api-wrap.simpread.pro/api/service/airtable",
    "type": "POST",
    "headers": {
        "endpoint": "<integrately webhook url>"
    },
    "body": {
        "url": "{{url}}",
        "title": "{{title}}",
        "content": "{{content}}",
        "cover": "https://source.unsplash.com/1420x708/?nature"
    }
}

占位符	说明	备注
{{url}}	当前阅读模式的 URL	-
{{title}}	当前阅读模式的 标题	-
{{content}}	当前阅读模式正文的 Markdown 形式	因为 Airtable 对 Markdown 支持有限 所以无法显示图片
cover	当前阅读模式的题图	首先会优先获取题图，如果没有会检索正文的一张图片，如果没有会使用此参数提供的 https://source.unsplash.com/1420x708/?nature 作为题图（以保证美观成功）