端點徽章
使用端點徽章,您可以透過 JSON 端點提供徽章內容。內容可以是預先渲染的,也可以是即時產生的。為了在響應速度和頻寬利用率之間取得平衡,同時兼顧新鮮度,快取行為是可配置的,但必須符合 Shields 的最低要求。端點 URL 是透過查詢字串提供給 Shields 的。Shields 會擷取它並格式化徽章。
端點徽章採用單一必要的查詢參數:url
,它是您的 JSON 端點的 URL。
JSON 端點回應範例
{ "schemaVersion": 1, "label": "hello", "message": "sweet world", "color": "orange" }
Shields 回應範例
綱要
屬性 | 描述 |
---|---|
schemaVersion | 必要。永遠是數字 1 。 |
label | 必要。左側文字,或是省略徽章左側的空字串。這可以透過查詢字串覆寫。 |
message | 必要。不可為空。右側文字。 |
color | 預設值: |
labelColor | 預設值: |
isError | 預設值: |
namedLogo | 預設值:無。其中一個 simple-icons 的 slug。可以透過查詢字串覆寫。 |
logoSvg | 預設值:無。包含自訂標誌的 SVG 字串。 |
logoColor | 預設值:無。與查詢字串的含義相同。可以透過查詢字串覆寫。僅適用於 simple-icons 標誌。 |
logoWidth | 預設值:無。與查詢字串的含義相同。可以透過查詢字串覆寫。 |
style | 預設值: |
查詢參數 |
---|
url 字串 — 必要您的 JSON 端點的 URL 範例: |
style 字串可能的值: [ 如果未指定,此徽章的預設樣式為「flat」。 範例: |
logo 字串來自 simple-icons 的圖示 slug。您可以點擊 simple-icons 上的圖示標題來複製 slug,或者可以在 simple-icons 儲存庫中的 slugs.md 檔案中找到它們。更多資訊。 範例: |
logoColor 字串標誌的顏色(支援十六進位、rgb、rgba、hsl、hsla 和 css 命名顏色)。支援 simple-icons 標誌,但不支援自訂標誌。 範例: |
logoSize 字串透過設定 範例: |
label 字串覆寫預設的左側文字(空格或特殊字元需要 URL 編碼!) 範例: |
labelColor 字串左側部分的背景顏色(支援十六進位、rgb、rgba、hsl、hsla 和 css 命名顏色)。 範例: |
color 字串右側部分的背景顏色(支援十六進位、rgb、rgba、hsl、hsla 和 css 命名顏色)。 範例: |
cacheSeconds 字串HTTP 快取生命週期(規則適用於推斷每個徽章的預設值,任何低於預設值的值都將被忽略)。 範例: |
link 字串[]指定點擊徽章的左側/右側應該執行的操作。請注意,這僅在將您的徽章整合到 |