欢迎光临
我们一直在努力

设计漫步周刊自动化工作流分享

640?wx_fmt=png&from=appmsg&randomid=k415p0mg&tp=webp&wxfrom=5&wx_lazy=1

不久前在@小柒 的帮助下完善了设计漫步周刊的工作流,其中自动汇总成文章的功能节省了我大量的时间。分享到推上后,好多朋友对此感兴趣,于是有了这篇文章。

注:文章底部的脚本与Notion模板需付费,如果你恰好懂一点开发,相信无需付费也可以借助 AI 和此文的免费部分搭建出属于你自己的工作流。

周刊自动化效果展示

工作流简介

如下图所示,在浏览器中利用 save to notion 插件进行碎片收藏,统一汇总至Notion后,在Notion中进行分类整理,并搭配图床工具处理图片。整理收集好后,使用 pipedream 自动化脚本自动汇总成一篇文章。

640?wx_fmt=png&from=appmsg&randomid=w5a4i9n3&tp=webp&wxfrom=5&wx_lazy=1

使用图床的原因:因Notion官方规则,为了防止爬虫或其他原因,图片地址会定期刷新。所以 pipedream 脚本只能获取Notion中临时图片地址,如果直接用Notion的上传图片功能,脚本所获取的图片会过期故而无法显示。

使用工具

1. Save to Notion

https://www.savetonotion.so/

利用此插件可以快速将网页剪藏到指定Notion数据库。

更重要的是,当你采集相同链接到同一数据库时,他会提示你之前收藏过。

640?wx_fmt=png&from=appmsg&randomid=g9idvjzv&tp=webp&wxfrom=5&wx_lazy=1

2. Notion

https://www.notion.com/

无需过多介绍的强大软件,借助他的数据库我们可以高度自定义自己想要的任何模板

640?wx_fmt=png&from=appmsg&randomid=ess1djux&tp=webp&wxfrom=5&wx_lazy=1

3. Figma

主要是为了给图片加水印(正考虑做一个插件来替代这一步骤)注:图中绿色的图片是为了放进剪映中制作动态配图。(剪映导出视频 —— Gifski 转换成GIF)

640?wx_fmt=png&from=appmsg&randomid=ut76arxi&tp=webp&wxfrom=5&wx_lazy=1

4. PicList

https://piclist.cn/

快速上传剪贴板内容至图床

注:图床我用的是 缤纷云 ,实名认证后有免费 50GB 存储+30GB HTTPS 流量

缤纷云官网:https://www.bitiful.com/

640?wx_fmt=png&from=appmsg&randomid=pibbj5g1&tp=webp&wxfrom=5&wx_lazy=1

5. Pipedream

https://pipedream.com/

一个面向开发者的集成平台,允许用户通过“触发器 → 工作流程 → 操作” 的方式,实现跨平台自动化流程。且免费额度足够日常使用。

640?wx_fmt=png&from=appmsg&randomid=2kkc0256&tp=webp&wxfrom=5&wx_lazy=1

6. 小报童

https://xiaobot.net/

国内相对优质的付费内容服务,支持邮件和微信推送。

其实我更喜欢 Quaily 平台,它的编辑器和功能更强大(可惜收款方式把我难住了)Quaily官网:https://quaily.com/zh

640?wx_fmt=png&from=appmsg&randomid=ym3nxbot&tp=webp&wxfrom=5&wx_lazy=1

使用教程

1. 复制Notion模板

640?wx_fmt=png&from=appmsg&randomid=6msv802y&tp=webp&wxfrom=5&wx_lazy=1

2. 复制 Pipedream 工作流

打开文章底部自动化脚本地址后,注册账号并创建工作区

配置信息默认即可。

640?wx_fmt=png&from=appmsg&randomid=a2hodxzo&tp=webp&wxfrom=5&wx_lazy=1

3. Pipedream 工作流配置(重要)

在这之前先解释下整个自动化流程,见下图

640?wx_fmt=png&from=appmsg&randomid=hnpguj6p&tp=webp&wxfrom=5&wx_lazy=1

这一步开始有些复杂了,再来一点耐心,配置完这些就完成 99% 啦!

3.1 工作流复制后点击 Save and continue

640?wx_fmt=png&from=appmsg&randomid=udige80v&tp=webp&wxfrom=5&wx_lazy=1

3.2 将URL地址替换到Notion的函数中

640?wx_fmt=png&from=appmsg&randomid=p4qeoxvz&tp=webp&wxfrom=5&wx_lazy=1
640?wx_fmt=png&from=appmsg&randomid=avmzp7w0&tp=webp&wxfrom=5&wx_lazy=1

3.3 替换函数后记得点击一下Notion中 生成周刊 的按钮

这样在Pipedream 中就可以得到一条示例数据,选择最新的一个即可,选择后点击 Continue

640?wx_fmt=png&from=appmsg&randomid=p536njag&tp=webp&wxfrom=5&wx_lazy=1

3.4 继续点击 Test → Continue

640?wx_fmt=png&from=appmsg&randomid=5pji0iam&tp=webp&wxfrom=5&wx_lazy=1

3.5 连接你的Notion

这里记得要选择在第一步中保存的 Notion 模板位置

640?wx_fmt=png&from=appmsg&randomid=h7qyoh3n&tp=webp&wxfrom=5&wx_lazy=1

3.6 完善PageID

在Page ID 中输入

{{steps.valid_request_and_extract_weekly_id.$return_value.weeklyId}}

一定不要多复制了空格啥的,粘贴进去后会变成蓝色,继续点击 Test

640?wx_fmt=png&from=appmsg&randomid=828bq1if&tp=webp&wxfrom=5&wx_lazy=1

3.7 查询所有待发布的内容

上述 Test 后,继续点击 Continue,然后选择之前添加的 Notion账号,点击后记得选择 漫步碎片的数据库

选择后,继续点击 Test 后 Continue

640?wx_fmt=png&from=appmsg&randomid=yp9hmjme&tp=webp&wxfrom=5&wx_lazy=1

3.8 根据数据生成完整的周刊内容

这一步骤是按要求生成周刊内容,如果你的碎片类型与我的不一样,也可以在这个脚本中修改。

当然也可以描述清楚你的需求,然后让任意 AI 工具在此脚本的基础上修改优化

640?wx_fmt=png&from=appmsg&randomid=xnwli33p&tp=webp&wxfrom=5&wx_lazy=1

还是继续点击 Test 然后 Continue

640?wx_fmt=png&from=appmsg&randomid=0t7jbgj5&tp=webp&wxfrom=5&wx_lazy=1

3.9 快了,马上就好了

在 Page Block ID 中输入(同步骤 3.6)

{{steps.valid_request_and_extract_weekly_id.$return_value.weeklyId}}

一定不要多复制了空格啥的,粘贴进去后会变成蓝色,填写后下方的 Block TypeMarkdown Contents 会自动更新,无需修改,继续 Test → Continue

640?wx_fmt=png&from=appmsg&randomid=011fi3zj&tp=webp&wxfrom=5&wx_lazy=1

3.10 真的快了,加油

这一步无需修改任何内容,直接 Test → Continue

640?wx_fmt=png&from=appmsg&randomid=kuglvud8&tp=webp&wxfrom=5&wx_lazy=1

3.11 最后一步!!!

选择你之前添加的Notion账号后继续 Test → Deploy

640?wx_fmt=png&from=appmsg&randomid=ecyau0hx&tp=webp&wxfrom=5&wx_lazy=1

完成啦🎉 我们可真厉害

现在你可以回到Notion的周刊发布中,点击「生成周刊」按钮,等待片刻,即可呈现一篇属于你的周刊

640?wx_fmt=png&from=appmsg&randomid=6ol38sml&tp=webp&wxfrom=5&wx_lazy=1

其他

如果你出现了报错,可以回到 Pipedream 中,将设置中的 Memory 加到 512

640?wx_fmt=png&from=appmsg&randomid=0dn5lnec&tp=webp&wxfrom=5&wx_lazy=1

如需你需要定制自动化工作流请联系我或者小柒

640?wx_fmt=png&from=appmsg&randomid=pj3esawr&tp=webp&wxfrom=5&wx_lazy=1

相关资料

Save to Notion 官方文档

https://savetonotion.so/docs/articles/get-started

pipedream 官方文档

https://pipedream.com/docs

PicList 配置教程

https://piclist.cn/configure.html#%E5%86%85%E7%BD%AEaws-s3

如果你也使用缤纷云,可参照内置AWS S3 部分的文档进行配置

付费模板部分

建议使用安卓手机充值并支付,苹果手机充值有苹果税,如果你没有安卓手机,也可以私聊我转账(让果子少赚点,从我做起😂)

赞(0) 打赏
未经允许不得转载:test » 设计漫步周刊自动化工作流分享
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏