前端三大框架的徽章均不相同,由此可见,这应该不是github统一分发而是自定义行为!
虽然不是统一分配的,但也不是毫无规律可寻,想要制作专属的小徽章,其实真的很简单!
不仅出现于github项目主页,凡是能够表现图片的地方都可以出现徽章,本质上是一种svg格式的矢量图标.
下面以自定义github-snowdreams1006-brightgreen.svg徽章为例,简单认识一下徽章.
svg无论放大多少倍,依然保持原样,清晰度保持不变
大多数徽章都是svg格式,当然也不排除某些徽章是png格式,不论怎么说,一律当成图标使用就可以了.
徽章格式:[](超链接地址)即超链接内部嵌套图片
不论是什么语法,最核心最根本的获得到徽章链接,至于不同语言有着各自的语法,按照语言规则手动拼接就好.
如果以徽章的样式为标准,那么可以分为默认样式和自定义样式两类.
静态数据意味着数据本身是不变的,只要在线链接不变,那么生成的徽章永远不会改变,而动态数据意味着生成徽章的数据是动态变化的,即使在线链接不变,当数据本身发现变化时,徽章自然随之更新.
静态数据示例中github-snowdreams1006-brightgreen.svg数据不会更改,自然生成的徽章也不会变.动态数据示例中gitbook-plugin-mygitalk.svg是npm的版本号,当项目升级后,版本号会发生更改,那么生成的徽章也会随之更新.
如果以徽章的内容数据用途为标准,那么也可以有无数多的分类.
徽章有不同的分类,不管是哪种分类,在线徽章最为简单便捷,下面就简单介绍下提供在线生成徽章的网站.
适用于绝大多数情况,默认按照徽章内容分类,Build,CodeCoverage,Analysis等多主题,同时支持自定义徽章和动态徽章.
如果徽章的主题明确,那么根据网站提供的主题对号入座即可在线生成徽章,下面以gitbook-plugin-mygitalk为例,简要说明如何获得相应徽章链接.
打开网站后按照分类,选择其中一个主题,点击进去后填写目标信息,即可在线生成徽章.
按照主题生成徽章真的很简单,首先对号入座,然后按需生成相应徽章即可,唯一的要求就是对号入座!
如果默认提供的徽章主题没有适合自己的徽章,或者想要自定义徽章效果,那么也可以在线制作私人订制徽章.
虽然支持颜色,图标以及查询参数等高级用法,但是还是习惯性采用默认设置,下面动手开始制作徽章吧!
除了支持动态徽章,同样也支持静态徽章,切换到STATICBADGES选项卡,一起来生成静态徽章吧!
按照徽章的在线链接规则,应该也支持自定义徽章,再次回顾一下链接规则:
扁平化的徽章,支持的徽章数量有限,不支持自定义徽章.
网站首页默认提供了一些预览徽章,左侧是复制image链接,右侧是复制markdown链接.
网站首页默认展示的徽章毕竟有限,如果找不到理想徽章,岂不是白介绍了这个网站,当然不能够!
VIEWALL查看目前支持的全部徽章,如果还是找不到徽章,那就真的没有.
版本徽章,支持各类平台版本,包括npm,Ruby,Python,Go等平台.
选择目标平台并输入包管理信息,即可在线生成各个类型的徽章版本.
默认markdown实现的图片是依次排开的,无法自定义样式,而markdown语法同时也兼容html语法,因此我们可以用html语法实现居中对齐.