问题标签 [shields.io]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
456 浏览

php - 如何使用引导程序创建类似盾牌的徽章?

您可能知道盾牌徽章(来自shields.io)。

它们是动态创建的两种类型的 svg 图像:

1. 价值徽章

2.键值徽章


它们很棒,但是,它们有两个问题

  • 它们是一个额外的依赖项(如果 shields.io 关闭,则没有徽章)
  • 对于每个徽章,我们都有一个额外的 http 请求(加载时间长)

假设我已经在我的项目中使用引导程序(自托管以最小化依赖关系)。如何使用引导程序动态创建这两种类型的徽章?

(我也使用PHP,所以一个badge($name, $value, $color)函数会很棒)

0 投票
8 回答
1028 浏览

node.js - 如何将我的 Stack Overflow 声誉添加为 GitHub 上的实时徽章?

我正在尝试将我的 Stack Overflow 声誉添加为我的 GitHub 个人资料 README 中的实时徽章。

首先,我需要使用一些 API 从 Stack Overflow 获取我的帐户信息。接下来,我需要提取信誉,然后将其传递给另一个在 Markdown 中创建徽章的 API。

现在,我做了一些研究,似乎我能够使用 Stack Exchange API通过端点 URL 以 JSON 格式获取我的 Stack Overflow 帐户信息。此外,Shield.io 的API将允许我从完美的端点 URL 创建徽章。但是,Shields.io 要求端点采用特定的 JSON 格式。

所以现在要解决这个难题,我需要第三个 API,它能够从 Stack Exchange API 读取和解析 JSON,然后以所需的 JSON 格式托管端点 URL。RunKit 的API似乎能够做到这一点。

我正在尝试实现的一个示例(但不是提交,而是我的 Stack Overflow 声誉):

在此处输入图像描述

0 投票
1 回答
68 浏览

package.json - 获取 shields.io 徽章的包依赖项大小/计数/数量

到目前为止,我得到了这个:https://img.shields.io/badge/dynamic/json?url=https://raw.githubusercontent.com/axios/axios/master/package.json&query=$.dependencies[*] &label=依赖项

也许有一种方法可以将对象转换为数组然后使用.length

或者可能是第三方 api,其中 ether 在数组中具有依赖项或具有多个依赖项

如果不清楚axios哪个有 1 个依赖项,我想拥有这个徽章:

在此处输入图像描述

0 投票
2 回答
408 浏览

badge - 在制作 shield.io 徽章时,有没有办法找到引用徽标名称的正确方法?

我今天才开始尝试使用 shield.io 徽章。我有点困惑。

当我需要在标签中使用 C++ 徽标时,我使用了以下请求:

正如预期的那样,它产生了一个带有徽标的标签。

我希望它会是这样logo=c-plus-plus,通过反复试验,我最终发现我应该使用+符号的编码,%2B.

现在我找不到 Selenium 的徽标,虽然它显然在simple-vector列表中(https://simpleicons.org/icons/selenium.svg),而且这个名字没有什么奇怪的,没有空格或符号,所以我没有不知道怎么找到它。logo=selenium应该工作,但它没有。

这就是我正在尝试的: https://img.shields.io/badge/selenium-%2343B02A.svg?&style=for-the-badge&logo=selenium&logoColor=white 我得到的是一个没有徽标的标签。有什么想法吗?

PS:我没有足够的声誉来发布图片,所以我无法在文本中包含生成的图片,但您可以复制链接以了解我的意思。

0 投票
2 回答
1170 浏览

github - Shield.IO license badges and Github. License badge not working

I have created an MIT license in Github for my project. It added a license file and now shows up as an MIT license.

I went to Shields.IO and it suggested links to my repo. One of which is the license badge.

I have added this to my read me using markup and all other badges work except the license badge.

I have also allowed shields requests to my Github by it requesting privilleges.

Is there anything else I have to do to get this to work?

I assumed Shields reads Github's license file inside the repo to get the type of license?

0 投票
2 回答
963 浏览

html - 在 GitHub README.rst 中嵌入 Shields IO 徽章 HTML

我正在尝试在我正在处理的 GitHub 项目的 README.rst 文件中包含 Shield IO 徽章。Shield IO 徽章具有编码两个链接的功能(一个在徽章的左侧,一个在徽章的右侧),我想将其包含在项目 README 中。从https://shields.io/,为了使用双链接功能,徽章必须以 HTML 编码<object>标签。reStructuredText 具有 raw 功能,可以在文件中包含 HTML 代码片段,这些文件被解析并包含在 README 中。PyCharm 解释器可以正确解析 HTML,并且存在双链接功能。但是,当我将文件推送到 GitHub 时,根本没有解析 HTML。很好奇是否有办法在 GitHub README 文件中获得此功能(不一定必须是 reStructuredText)。

例子:

示例徽章图片:

示例 Shield IO 徽章图像

使用双链路功能链接到 Shield IO 静态徽章:

https://img.shields.io/static/v1?label=Question&message=Unanswered&color=lightgrey&link=https://stackoverflow.com/&link=https://stackoverflow.com/questions/66716288/embedding-shields-io-徽章-html-in-github-readme-rst

0 投票
1 回答
48 浏览

shields.io - Shields.io 硬编码下载计数徽章

Shields 似乎非常强大,从教程中我感觉我可以设计一个自定义徽章。因为我的应用程序的下载计数来自多个网站,所以我认为我无法获得正确的估计,所以我想对其进行硬编码。

如何制作一个看起来像 shields.io 的下载计数徽章但允许我输入任何我想要的数字的徽章?

(考虑到盾牌的意义,我知道这是一种愚蠢的用法,但我的所有其他项目都使用 shields.io 徽章来跟踪 sourceforge 下载计数,因此为了保持一致性,我希望这个徽章具有相同的徽章。)

0 投票
1 回答
74 浏览

node.js - 如何在本地运行安全的 shieldsio 服务器

我不知道是否可以轻松地做到这一点,而且我还没有找到任何关于如何在本地以安全 (HTTPS) 方式运行 shieldsio 的文档。

我遵循了这个描述并且我已经成功地部署了一个工作服务器,但它只监听 HTTP。

我想也许我只需要一些小的重新配置就可以安全地工作,所以我所做的是修改 config/production.yaml

我用来生成秘密的步骤是:

重建 docker 映像并再次部署后,服务器开始侦听,但在第一次 HTTP GET 之后,我收到一个错误:

客户端 curl 命令返回:

有没有人试图实现同样的目标并取得成功?也许我遗漏了一些明显的东西,我对nodejs不太熟悉。我很感激任何帮助。

谢谢, SilverTux

0 投票
2 回答
263 浏览

html - GitHub 自述文件中的 center-align shield.io

我有一个带有 README.md 文件的 GitHub 存储库。我的头部下方有一些盾牌,但它们是左对齐的,而不是居中的。

但是,我想将它们居中,将它们包装在 a 中<div align='center'></div>仅显示原始链接而不是屏蔽图像。然后,我看到一个使用 markdown 引用样式链接的替代<h1 align='center'></h1>方法,它包含在 a 中,如下所示:

虽然这可以按照我的意愿正确地居中对齐盾牌,但[存在如下图所示的流氓开放:

在此处输入图像描述

如果我修改上面的代码以将其删除,如下所示:

我遇到了和以前一样的问题:只显示原始链接,而不是盾牌。这是什么奇怪的行为?我试图在 HTML/markdown 中实现的目标是不可能的,还是与屏蔽不兼容?

0 投票
1 回答
89 浏览

python - sphinx:shields.io 徽章渲染但在输出 html 中显示错误/不正确的信息,但从浏览器打开时 URL 是正确的

我在sphinx渲染shields.io徽章时遇到了这个问题。我正在使用 sphinx 和 read-the-docs 模板。

index.rst我想在我的文件中添加一系列徽章。这些 URL 在我的 README.md 中正确工作 - 在这里找到- 用 markdown 编写,并且在浏览器中打开它们时会显示正确的标记。

但是,当我在第一个文件中使用相同的链接时,看起来输出 html 从 shields.io 获取信息时出现了某种问题。徽章确实显示,但要么根本不获取信息(如 GitHubActions 构建和 CodeCov 覆盖徽章),要么获取正确的信息但不按要求呈现(例如,pypi 版本是橙色而不是蓝色)

这就是我的徽章在 index.html 中的呈现方式:

这就是我的徽章在 index.html 中的呈现方式

我的第一个如下(从 shields.io 网站的徽章编辑器复制粘贴条目):

编辑

只是为了添加更多上下文。我还运行了该make linkcheck命令,并且所有 URL 都通过了。

我用于处理项目和构建文档的环境如下。对文档文档包的唯一严格要求是docutils=0.16由于模板中的项目符号没有解决一个错误read-the-docs(据我调查)。