当前位置:   article > 正文

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

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
  • 1

输入就是:
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)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/684011
推荐阅读
相关标签
  

闽ICP备14008679号