Gitee - 显示 star、fork、license、作者、版本号等小卡片信息到 README.md（可点击跳转）

https://shields.io/ https://shields.io/ https://shields.io/ 大部分都是基于这个网站生成的 👆 前言

效果演示仓库：https://gitee.com/wangjiabin-x/uh5

有些 Git 仓库 README.md 中，显示了该仓库的 star 和各种信息，如下图所示：

Stars / Forks

会自动获取你仓库的数据。

这两个由码云提供，按照如下实例，替换为你的仓库链接即可。

打开 README.md ，写入以下示例，注释的是模板，示例的是我的仓库，替换掉仓库链接即可：

# 模板：[![star](/badge/star.svg?theme=dark)]()
# 说明：[![star](这里写你的仓库链接/badge/star.svg?theme=dark)](这里写你的仓库链接)

# 以我的仓库链接为例：https://gitee.com/wangjiabin-x/uh5
[![star](https://gitee.com/wangjiabin-x/uh5/badge/star.svg?theme=dark)](https://gitee.com/wangjiabin-x/uh5)

# 同理
[![fork](https://gitee.com/wangjiabin-x/uh5/badge/fork.svg?theme=dark)](https://gitee.com/wangjiabin-x/uh5)

作者

例如，自定义作者卡片。

# () 后面是点击后的链接(自定义作者名)
[![](https://img.shields.io/badge/Author-王佳斌-orange.svg)](https://gitee.com/wangjiabin-x/uh5)

版本号

# 同理
[![](https://img.shields.io/badge/version-v1.0-brightgreen.svg)](https://gitee.com/wangjiabin-x/uh5)

其他

有了上面的基础，自行替换修改即可。

[![Build Status](https://dev.azure.com/407042815/vue-mapvgl/_apis/build/status/vue-mapvgl-Node.js%20With%20Grunt-CI?branchName=master)]()

[![license](https://img.shields.io/github/license/elemefe/vue-amap.svg?style=flat-square)](https://gitee.com/wangjiabin-x/uh5)

[![npm package](https://img.shields.io/npm/v/vue-mapvgl.svg)](https://gitee.com/wangjiabin-x/uh5)

[![NPM downloads](http://img.shields.io/npm/dm/vue-mapvgl.svg)](https://gitee.com/guyangyang/vue-bmap-gl)

写在后面

它们都是可以点击的，而点击的链接就是 [](url) 。