When looking at some projects before, there are often some tags in the following form in the readme file:
I feel that using these tags can clearly indicate the main categories of the project and the related technologies used. I downloaded the relevant readme files, looked at the URLs of the pictures in the markdown language, and took a look at it. Finally, I understood the principle. The tag production URL is this: https://shields.io , open the website and pull it down, as follows:
This is it:
Try to enter the score, ★★★☆☆, brightgreen in label, message, and color, and then click Make Badge. The effect is as follows:
Copy the image URL to use it where needed.
Some tricks
The above URL is as follows:
https://img.shields.io/badge/rating-★★★☆☆-brightgreen.svg
Analyzing this picture link, you can find that you don’t have to make it on this website every time, just replace the relevant part of the characters.
eg：
Change color:
https://img.shields.io/badge/rating-★★★☆☆-blue.svg
effect:
Change characters:
https://img.shields.io/badge/stars-★★★★★-brightgreen.svg
effect:
In addition
There are many other picture making tools on this website, if you are interested, you can study it by yourself o(＾∀＾)o