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

发布于:2024-06-07 ⋅ 阅读:(153) ⋅ 点赞:(0)

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

比如说我的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


网站公告

今日签到

点亮在社区的每一天
去签到