GitHub个人展示页面小徽章

438 阅读1分钟

灵感 github.com/MaramHarsha image.png

实现: shields.io/badges/stat…

使用Shields.io的徽章生成器可以方便地创建各种自定义徽章图标。以下是使用徽章生成器的简单步骤:

  1. 打开Shields.io的官方网站:在浏览器中打开https://shields.io/
  2. 选择徽章类型:在主页上,你可以看到各种不同类型的徽章示例。你可以浏览不同的选项,找到适合你的徽章类型。例如,选择"Static"徽章类型。
  3. 自定义徽章:在选定的徽章类型下,你可以自定义徽章的标签文本、颜色、图标、链接等各种属性。根据你的需求,修改对应的字段。
  4. 预览和生成徽章:根据你的自定义设置,徽章生成器会实时显示徽章的预览效果。一旦你满意了徽章的样式,点击下方的生成徽章按钮。
  5. 复制徽章URL:生成徽章后,网页会显示一个URL。复制这个URL,它将成为你徽章的源文件链接。
  6. 在Markdown中使用徽章:将复制的徽章URL粘贴到你的Markdown文档中,按照之前提到的Markdown语法将其插入。

徽章生成器 标签颜色用"-"分隔 image.png

logo 图片在 github.com/simple-icon… 寻找

复制链接到GitHub个人页面 <a href=" https://cn.vuejs.org/"><img alt="Vue" src="https://img.shields.io/badge/vue-write?logo=vuedotjs&labelColor=%23ffffff"></a>

实现效果

image.png 地址:github.com/845415120