【一步操作，GitHub项目实时更新star、watch、fork】

---

前言

在平时的开发和学习过程中，我们会用到GitHub，看到优秀的开源项目，会情不自禁地fork和star。有的同学（包括我在内），会整理这些GitHub项目，想要动态展示它们的star、watch、frok。

实时更新star、watch、fork

本节内容是以实时显示https://github.com/datawhalechina/pumpkin-book为例子。废话不多说，下面看具体操作。。。。。

要动态star、watch、frok数量，需要用到一个网站shields.io，在搜索那里输入star、watch、frok会显示相应的网址。

以制作star图标为例子，输入star，显示下面的信息，然后找到GitHub Repo stars这一行并点击进去。

点击后会显示GitHub Repo stars的操作页面，输入user（datawhalechina）和repo（pumpkin-book），下方就显示star数量了。我们就可以复制地址。

回到GitHub，编辑README.md，根据markdown格式![图片名称](图标网址)，填写成下面内容。

![](https://img.shields.io/github/forks/datawhalechina/pumpkin-book?style=social)
![](https://img.shields.io/github/watchers/datawhalechina/pumpkin-book?style=social )
![](https://img.shields.io/github/stars/datawhalechina/pumpkin-book?color=green&style=social)

确认操作OK后，提交编辑内容，更新README.md，实时的Froks、Watchers、Stars数据量就可以显示，会随着这个开源项目的变化情况，图标也相应变化。

插播一句

如果还想了解其他有趣的开源项目，可以考虑关注HelloGithub，每个月的28号更新内容

如果也想了解笔者的GitHub内容，可以搜索Network-resource-collection，这个项目也是从HelloGithub和其他一些平台浏览得到优质内容并不定时更新。

最后，江湖不易，如果解决了你的问题，麻烦更够给笔者点个赞，给予笔者动力更新其他内容。