发布于 2026-01-06 0 阅读
0

通过 Pipedream DEV 的全球展示与讲述挑战赛(由 Mux 呈现):在你的 Github 个人资料中展示你最新的 DEV 帖子:推介你的项目!

使用 Pipedream 在您的 GitHub 个人资料中显示您最新的 DEV 帖子

由 Mux 赞助的 DEV 全球展示挑战赛:展示你的项目!

GitHub 刚刚推出了GitHub 个人资料的 README 功能。这非常强大。由于你可以在 README 文件中添加任何Markdown 格式的README内容,现在你可以向个人资料添加图片、链接以及各种其他内容。例如,你可以看看Monica Powell 的个人资料:

Monica Powell 的 GitHub 个人资料

如果能更进一步,根据特定事件自动更新个人资料呢?例如,如果个人资料上始终显示你最新的推文呢?如果能列出你现在正在听的Spotify歌曲呢?

为了验证这个想法,我将向您展示如何在您的个人资料中显示您最新发布的 DEV 文章的链接:

DEV 在个人资料中发布的帖子

每次发布新文章时,此 Pipedream 工作流都会自动更新文章链接README。Pipedream是一个面向开发者的集成平台,非常适合构建此类无服务器、事件驱动的工作流。Pipedream 工作流使用预构建的操作自定义 Node.js 代码编写,每个操作和代码都可以连接到数百个 API 集成。工作流免费运行。

我们开始吧!

工作原理

首先,README在你的 GitHub 个人资料中添加一个 。Stefan Natter发表了一篇很棒的文章,介绍了如何进行设置:

选择一个位置README来展示你最新的开发日志。在我的示例README中,我包含了以下 Markdown 代码:

## DEV blog

I blog on [DEV](http://dev.to/). Check out my most recent post:

<!-- dev -->
<!-- devend -->

请注意注释:<!-- dev --><!-- devend -->这里会添加指向您最新开发帖子的链接。将这些注释添加到您希望链接显示的位置,并将其推送到您的个人资料README

访问https://pipedream.com,然后点击右上角的“登录”按钮注册 Pipedream 帐户:

注册 Pipedream 帐户

注册完成后,打开此 Pipedream 工作流程。点击右上角的“复制”按钮,在您的Pipedream 帐户中创建该工作流程的副本。

复制工作流程后,系统会要求您输入 DEV 帐户和 GitHub 个人资料的特定信息。工作流程的第一步是触发步骤。此工作流程会在 RSS 源中出现新帖子时触发。DEV 会为每个用户的帖子生成一个位于 URL 的 RSS 源https://dev.to/feed/{username},因此我们将使用此源来跟踪新帖子。

将 `<DEV 用户名>`替换{username}为您的 DEV 用户名,并在此步骤的“Feed URL”部分输入您的 DEV RSS URL。默认情况下,Pipedream 将每 15 分钟轮询一次您的 RSS 源以获取新内容,您可以更改此设置:

DEV RSS 触发步骤

下一步要求您输入个人资料 README 文件所在的仓库所有者信息。请在两个字段中都输入您的用户名:

个人资料库

剩余步骤会获取当前版本README,在评论中插入最新帖子的链接,并README使用最新内容更新帖子,同时将最新链接发布到应用内。由于这些步骤会与 GitHub API 交互,因此您需要将您的 GitHub 帐户连接到相应的步骤。请滚动浏览工作流程,并在每个需要连接 GitHub 的步骤中点击“连接 GitHub”按钮:

连接 GitHub 按钮

现在,您的工作流应该可以运行了。我们来测试一下。在工作流顶部的触发步骤中,您应该会看到最新帖子的示例事件。您还会看到一个“发送测试事件”按钮。点击它:

发送测试事件

这将运行您的工作流程,并将链接添加到您的个人资料中:

DEV 在个人资料中发布的帖子

最后一步——默认情况下,触发步骤是关闭的,这样您就可以在准备就绪之前测试工作流程,而不会有事件触发您的代码。现在工作流程已经可以正常工作,请将其打开

DEV 在个人资料中发布的帖子

就这样。新帖子应该会触发工作流程,并自动更新您的个人资料。

你可以将此理念扩展到任何数据源,并在数据发生变化时更新你的个人资料。Pipedream事件源允许你通过任何 API 触发任何事件的工作流,因此你可以针对新推文、新的 GitHub 星标、Airtable 表格的更改等触发个人资料重建。尝试创建另一个工作流,看看你还能构建什么,并在评论区分享你的工作流(或问题)!


我用 Mac 上的VS Code写了这篇文章,然后运行命令发布了它git push。我所有的开发相关的文章都用 Git 进行跟踪,我可以从本地机器管理它们。你也来学习如何操作吧!

文章来源:https://dev.to/dylburger/show-your-most-recent-dev-post-on-your-github-profile-with-pipedream-21h5