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