Github项目README美化 | Github徽章制作
1、前言
平时逛Github开源项目的时候,经常看到README文件会有各式各样的小徽章,哈哈,你是不是也想在自己的项目上添加Github小徽章。让我们来看看别人的项目徽章。
Vue
React
无疑,这样的Github徽章能合理的优化README的美化,能够更加地吸引别人眼球,可能就增加了star数啦。
2、徽章制作
这种徽章一般都是网站生成的,下面有一些提供在线生成徽章的网站
- https://shields.io/
- https://badgen.net/
- https://forthebadge.com/
- https://badge.fury.io/
- https://github.com/boennemann/badges
我一般用第一个网站,也就是https://shields.io/,支持静态、动态徽章。
打开网站后,点击get start 开始制作属于自己的徽章。我一般直接选择Static Badge
示例:填入以下参数点击生成按钮得到如下徽章
<div align="center"><img alt="Static Badge" src="https://img.shields.io/badge/v1.0.0-white?label=%E5%93%87%E5%AD%90&labelColor=%2325c2a0&color=white"></div>
3、引入
生成之后网站提供了很多方式,有URL,MD,HTML,具体就看你自己如何使用了,我一般会在markdown中,嵌入HTML,因为markdown是兼容Html的,一个div class=center 包裹住Github徽章。如果对你有帮助的话,欢迎评论交流。