shields.io

点击进入shields

shields.io是用的最多的徽章制作工具，支持静态动态，各种样式尺寸颜色格式，svg，png，

制作方法一

鼠标向下滚动，找到Your BADGE 专属定制徽章，输入武汉加油，选择颜色，如下图，然后点击make badge按钮生成图片

制作方法二

在浏览器地址栏直接输入https://raster.shields.io/badge/Maven-3.1±red.svg回车就可以生成
Maven-3.1±red.svg这个可以随意更换，颜色和格式也可以换，例如Mysql-5.7±yellow.png

可以直接图片另存为使用，也可以直接用markdown的格式来使用，例如下面3种都可以

//Badge URL
https://raster.shields.io/badge/Maven-3.1+-red.svg
//markdown
![maven](https://img.shields.io/badge/Redis-5.0+-yellow.svg)(https://redis.io/)
//html
<img alt="NPM" src="https://raster.shields.io/badge/Maven-3.1+-red.svg">

这个shields.io里面还有好多好玩的，各种各样的样式都用，还可以加入动态，icon等等，大家有兴趣可以慢慢研究。

其他徽章工具推荐

链接地址：https://badgen.net/

链接地址：https://forthebadge.com/

链接地址：https://badge.fury.io/

用法都差不多，就是样式的区别了，有问题请指正，谢谢！

Github 徽章shields使用教程相关推荐

网站徽章shields制作教程
平时在逛 Gitee.Github 等各大代码仓库时,往往能看到以下这种徽章式的网页链接,美观好看又方便,那么这个徽章是如何制作出来的呢?本文就带大家制作属于自己的徽章式链接. 制作工具:shield ...
Github 的 Pull Request 教程
Github 的 Pull Request 教程什么是Pull Request 在知乎有一个高赞回答用一个类比的方式解释了什么是PR,这里我就先引述一下,不再重新解释了. 想想我们中学考试,老师改卷 ...
【自动驾驶技术】优达学城无人驾驶工程师学习笔记（六）——Github与Markdown相关教程
Github与Markdown相关教程本博文为笔者关于优达学城无人驾驶工程师课程中计算机视觉基础部分的学习笔记,该部分为实现车道线图像识别功能的基础课程,关于本课程的详细说明请参考优达学城官网. 优 ...
Github 徽章整理
Github 徽章整理相信很多在Github上玩耍过的同学们都会发现,在很多项目的README里会有各式各样的徽章,是不是顿时感觉到很高上大?没关系,读完这篇文章你就也可以拥有这些徽章了,甚至可以定 ...
将自定义 GitHub 徽章添加到您的代码库
如果你花时间看GitHub上的开源仓库,你可能已经注意到他们中的大多数在README文件中使用了徽章. 以官方的React仓库为例,在README文件中到处都有GitHub的徽章,传达重要的动态信息, ...
github.com/gin-contrib/sessions教程
文章目录一写在开始的简介和弯路(~用处不大,可直接看第二部分哦~) 二 session库的准备工作三实现session的代码逻辑四 session库的代码实现方法 1 设置全局变量store ...
GitHub上README.md教程
http://blog.csdn.net/kaitiren/article/details/38513715 最近对它的README.md文件颇为感兴趣.便写下这贴,帮助更多的还不会编写README文 ...
图解GitHub和SourceTree入门教程
-->本教程适用于主流的开源网站github和bitbucket,个人认为sourceTree还是比较好用的Git客户端,支持windows和mac os. -->soureceTree的 ...
面向小白：git和github的简明使用教程
什么是github 简介一个网站/社交平台,可以存放代码,有很多开源项目. 详介 github是程序猿的代码托管平台,也是基于git的开源分布式版本控制系统,因此github官网上并没有为用户准备一 ...

Github 徽章shields使用教程

shields.io

制作方法一

制作方法二

其他徽章工具推荐

Github 徽章shields使用教程相关推荐

最新文章

热门文章