制作GitHub README 徽章

2024-06-03 13:44:20

制作GitHub README 徽章

作为一名技术人员，会经常接触GitHub，每当看到别人的项目README制作的很漂亮的时候，就会立马想到此项目高大上，逼格很高。其实，这个制作也很简单，今天就给大家介绍一下。

文章目录

制作GitHub README 徽章
引言
徽章
制作方法
- shields.io 网站
- - 1. 集成接口生成徽章
  - 2. 自定义生成徽章
总结

引言

开始之前，先给自己的GitHub项目打个广告。AndroidBF 是一个基于AndroidX,能够简化android开发，封装集成了部分主流开源框架，采用MVP架构和material design方式的基础项目。希望大家多多支持，欢迎大家fork and star.

徽章

今天就以AndroidBF 项目的徽章作为一个例子讲解，请看下图：

README 中这几个徽章，分别是 CSDN 博客链接， AndroidBF demo apk下载链接，license 链接， release 发布链接，最后commit的时间，项目top language, 仓库大小。

制作方法

shields.io 网站

1. 集成接口生成徽章

shields.io 网站集成了很多仓库和工具的接口,可以读取状态，生成徽章，比如Github,Maven, Jenkins，npm等，下图是license接口徽章。

我们可以根据提供的接口，按照接口参数要求填写自己的账号，仓库等信息，即可生成。比如我的license,

copy 徽章连接到你的README 中即可展示License徽章。

2. 自定义生成徽章

我的需求我做主，我就要定制个性化徽章，那就用自定义方式。

如图所示，填入label, message, color 即可生成。比如生成CSDN MarkSDGD 徽章，如下图：

总结

徽章制作很简单，好的徽章会让你的项目更加出彩。

制作GitHub README 徽章相关推荐

一行代码搞定 GitHub 访问徽章
相信对于使用 GitHub 的小伙伴来说,以上 GitHub 徽章(badge)应该都不怎么陌生吧.如果你想快速用起来,找到你想要的徽章代码 ctrl+c & ctrl+v ,再修改对应的 G ...
github README.md教程
github README.md教程总结 github中README.md通过特殊字符标记和缩进来达到格式控制,也可以用HTML标签来实现格式控制. 教程一: Markdown 的目标是实现「易读易 ...
github README.md插入图片,图片尺寸设置,图片无法显示解决
github README.md插入图片无法显示问题解决排查原因图片引入设置图片尺寸解决方法排查原因今日在使用github .md在插入图片时引自己仓库里图片不能正常显示, 搜集排查原因主 ...
Github 小徽章
Github 小徽章装逼技能来了项目版本 https://img.shields.io/badge/{项目名}-{版本号}-{背景色}.svg![](https://img.shields.io/ ...
github readme生成徽章标签
在github上写readme文件,如何做出标签呢? 打开网站:shields.io 将页面拉到YOUR BADGE,输入想要写入的信息和颜色: 再点击Make Badge按钮,就得到想要的标签了: ...
GitHub 项目徽章的添加和设置
许多同学在 GitHub 上发布了自己的开源项目,有辛苦开发的实用工具.构思巧妙的开源库.别具一格的 App.精心整理的示例代码等等. 自己花了大把时间和精力构建的项目,当然是希望能够得到更多人的关注 ...
Github shields徽章配置方法介绍
你可能会注意到很多GitHub项目有很漂亮的徽章,它们可以用来显示项目的进度,版本等信息: 本文介绍shields徽章配置方法. 目录自定义徽章参数设置设置链接自定义徽章 shields徽章可 ...
制作github博客
最近几天突发其想,想做一个GitHub的博客,链接https://imutang.github.io,然后决定先使用HUGO来制作我的第一个个人博客,编辑文字方面没有博客园这么方便转载于:https ...
github ReadMe语法
README 该文件用来测试和展示书写README的各种markdown语法.GitHub的markdown语法在标准的markdown语法基础上做了扩充,称之为GitHub Flavored Mar ...

最新文章

热门文章