奇思妙想录 身体的健康因静止不动而破坏,因运动练习而长期坚持。——苏格拉底
歌曲封面 未知作品

萌ICP备20248808号

津ICP备2023004371号-2

网站已运行 2 年 55 天 21 小时 4 分

Powered by Typecho & Sunny

5 online · 101 ms

Title

打造个性GitHub项目:Shields.io徽章制作

IhaveBB

·

·

94次阅读
技术分享
Article
AI摘要:本文介绍了如何使用Shields.io网站为GitHub项目创建个性化徽章。通过简单的代码,可以生成显示项目版本、进度、star数等信息的徽章。网站提供多种样式和图标选项,如“flat”风格和Simple Icons图标库,还可以生成实时更新的Star数徽章。

Powered by AISummary.

打造个性GitHub项目:Shields.io徽章制作

在浏览 GitHub 时,你可能发现很多项目都有很漂亮的徽章。这些徽章可以用来显示项目版本、进度条、star 数量、fork 数量....,那么这些徽章是如何生成的呢?

Clip_2024-07-22_15-00-49

其实这些徽章大多都出于一个网站 shields

进入网站,映入眼帘的是生成静态徽章页面,在这里,可以生成最基本的徽章样式。只需简单的几行代码,就能让你的项目页面瞬间生动起来。

Clip_2024-07-22_16-11-43

[第一段内容]-[第二段内容]-[颜色]

例如:node->=18.0.0-blueStatic Badge

[内容]-[颜色]

例如:java-redStatic Badge

接下来我们打开可选参数列表

Clip_2024-07-22_16-12-17

在“style”部分,可以选择“flat”风格,使多个徽章能够并列展示,更加整齐美观。

在“logo”部分,可以访问 Simple Icons 找到你需要的图标。比如,我找到了微信的图标,只需在“logo”栏输入“WeChat”,即可让微信的图标出现在徽章上。

Clip_2024-07-22_16-12-27

Clip_2024-07-22_16-18-02

Static Badge

此外,在网站顶部搜索框输入“github repo stars”,然后输入用户名和仓库名,即可得到实时更新的 Star 数徽章。Clip_2024-07-22_16-15-14

Clip_2024-07-22_16-15-43

现在已有 0 条评论,1 人点赞
IhaveBB
Comment:共0条
发表
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主

哈喽大家好呀

本站已从原站:33mc.cn
迁移到本站:blog.nicebao.com
主域名变为:nicebao.com

不再显示
博主