奇思妙想录 卓越的人一大优点是:在不利与艰难的遭遇里百折不挠。——贝多芬
歌曲封面 未知作品

萌ICP备20248808号

津ICP备2023004371号-2

网站已运行 2 年 189 天 2 小时 13 分

Powered by Typecho & Sunny

2 online · 97 ms

Title

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

IhaveBB

·

技术分享

·

Article
⚠️ 本文最后更新于2024年07月22日,已经过了180天没有更新,若内容或图片失效,请留言反馈
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

现在已有 357 次阅读,0 条评论,1 人点赞
IhaveBB
Author:IhaveBB
作者
打造个性GitHub项目:Shields.io徽章制作
当前文章累计共 1508 字,阅读大概需要 1 分钟。
进程调度的基本过程
2023年8月17日 · 0评论
JavaEE线程安全问题
2023年9月11日 · 0评论
Java字符串匹配:Pattern与Matcher类介绍
2023年11月22日 · 0评论
Comment:共0条
发表
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主

哈喽大家好呀

不再显示
博主