开源项目:Github 主页显示最近发布的掘金文章(支持动态更新)

13,697 阅读2分钟

前言

2022.08.21 支持卡片自定义配置 点击跳转

Github README 主页有很多玩法,例如显示 star 和 commit 数等

之前一直感叹:「如果在掘金发布的文章列表能自动同步到主页就好了

每当你在感叹「如果有这样一个东西就好了」的时候,请注意:其实这是你的机会。

经过一番折腾,最终 效果如下图

202208140121373.png

使用

掘金展示最近 N 篇文章

格式

  https://github-readme-juejin-recent-article-flywith24.vercel.app/juejin?id=<id>&limit=<limit>
  • id:掘金 id(掘金个人首页 url 中 user 后面的数字)
  • limit:展示的文章数量

示例

示例

在此示例中

id 为 219558054476792

limit 为 2

使用超链接将图片包裹,链接地址指向掘金个人主页

效果

掘金

小专栏展示最近 N 篇文章

格式

https://github-readme-juejin-recent-article-flywith24.vercel.app/xiaozhuanlan?id=<id>&limit=<limit>
  • id:专栏 id(专栏链接最后部分)

  • limit:展示的文章数量

示例

示例

在此示例中,id 为 detail,limit 为 2,使用超链接将图片包裹,链接地址指向专栏主页

效果

image.png


某些场景我们希望只展示某几篇代表文章,此时可以使用「展示特定文章」

展示特定文章

格式

https://github-readme-juejin-recent-article-flywith24.vercel.app/{type}/{id}/{index}
  • typejuejinxiaozhuanlan
  • id:规则同上
  • index:位置,0 代表最新 的文章

示例

指定文章

在此示例中,分别展示了第 7 和 第 8 篇文章

效果

掘金 小专栏

2022.08.21 更新

支持:

  • 隐藏日期
  • 隐藏图片
  • 配置图片宽度
  • 配置自定义图片链接
  • 配置卡片宽高

具体内容可移步 接口文档

image.png

项目链接

项目链接

欢迎各位 starfork提 PR

服务的域名是 https://github-readme-juejin-recent-article-flywith24.vercel.app/

当然,你还可以部署自己的服务:

部署自己的服务

Deploy with Vercel

参考

感谢这几个项目提供的思路

关于我

人总是喜欢做能够获得正反馈(成就感)的事情,如果感觉本文内容对你有帮助的话,麻烦点亮一下👍,这对我很重要哦~

我是 Flywith24人只有通过和别人的讨论,才能知道我们自己的经验是否是真实的,加我微信交流,让我们共同进步。

关注公众号,点击底部 联系我 -> 知识星球 加入免费的知识星球