如何制作像 GitHub 库上的徽章?

发布于 2025-01-15 13:29:13 字数 147 浏览 0 评论 0原文

我怎样才能制作一个徽章,就像我们经常在 GitHub 库上看到的那样。像这样: 。我可以使用网络视图,但效率不高,因为加载需要时间,而且还会缓存它。

How can I make a badge like how we ofter see it on GitHub libraries. Like this: . I can use a web view but it is not efficient as it will take time to load and it will also cache it.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

深者入戏 2025-01-22 13:29:13

为此,我创建了一个库徽章生成器。它很容易实现。下面给出了步骤。我将在发布更新时编辑答案。

示例

这是示例视频

教程

这是 YouTube 教程

注意: 这并未更新为支持的功能最新版本。

功能

  1. 您可以设置自定义标签(标题)
  2. 您可以设置自定义消息
  3. 您可以使用 base64README.md 中提供的两个链接设置自定义图像。
  4. 您可以设置自定义徽标颜色
  5. 您可以设置自定义标签背景颜色
  6. 您可以设置自定义消息背景颜色
  7. 等等。

缺点


  1. 当使用来自 png 源的图像时,质量会下降,但不使用它们仍然保持良好
  2. 不再有缺点

For this, I have made a library Badge Generator. It is easy to implement. The steps are given below. I will be editing the answer as I post updates.

Sample

This is the sample video

Tutorial

This is the youtube tutorial

Note: This is not updated to the features supported in the latest version.

Features

  1. You can set a custom label(title)
  2. You can set a custom message
  3. You can set a custom image using base64 or the two links provided in the README.md.
  4. You can set a custom logo color
  5. You can set a custom label background color
  6. You can set a custom message background color
  7. And a lot lot more.

Downsides


  1. The quality decreases when images from png sources are used but remains good without them
  2. No more downsides ????
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文