您的位置:首页 > 健康 > 美食 > DP读书:如何使用badge?(开源项目下的标咋用)

DP读书:如何使用badge?(开源项目下的标咋用)

2025/3/3 4:28:32 来源:https://blog.csdn.net/m0_74037814/article/details/139511804  浏览:    关键词:DP读书:如何使用badge?(开源项目下的标咋用)

最近在冲论坛,很少更一些内容了。但遇到了一个真的有趣的:
开源项目下,蓝蓝绿绿的标是怎么用的呢?

比如说我的Github主页
这是我的主页Readme,在看一些NXP的主仓时,突然发现没有这个玩,就自己整了个

再比如我的CSDN专栏:
Bandage

这个的实际名称为:https://img.shields.io/badge

进入网址,就可以快速入手
Badge
其实,语法相当简单:

Label, message and color separated by a dash -. For example:
any text: you like - https://img.shields.io/badge/any_text-you_like-blue
badge玩法
比如我的这个

DarrenPig-openEuler-blue

输入就是:
https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fimg.shields.io%2Fbadge%2FDarrenPig-openEuler-blue&pos_id=img-0Vjixbmr-1717686375468)

然后,在CSDN上就是:
Static Badge
这个网页Markdown渲染效果
差不都就时这种玩法:

再比如:

下面的badge直接复制修改就行
[![雪球计划](https://img.shields.io/badge/%E9%9B%AA%E7%90%83%E8%AE%A1%E5%88%92-issues%2FI90DOU-blue
)](https://gitee.com/openeuler/yocto-meta-openeuler/issues/I90DOU#comment-loadder)
[![NXP-meta_freescale](https://img.shields.io/badge/NXP-meta_freescale-brightgreen
)](https://github.com/Freescale/meta-freescale)
[![NXP-meta_freescale](https://img.shields.io/badge/yocto_meta_SIG-openeuler-violet
)](https://gitee.com/openeuler/yocto-meta-openeuler)
[![NXP meta-imx](https://img.shields.io/badge/NXP-meta_imx-8A2BE2
)](https://github.com/nxp-imx/meta-imx)

在这里插入图片描述
这个样的,大家还可以自己探索:

PS:CSDN的专栏和openEuler的论坛可以用这个的
openEuler

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com