有趣的GitHub-Badge

蔡默
2023-12-01

有趣的GitHub-Badge

  • 我的社交平台 有问题可以在这里留言呀
  • github
  • 博客

导读

  • 大家一定在浏览 github 的时候有看到过这样漂亮的徽标
  • 其实他的使用方式也非常简单
  • {% inlineImg img/badge.jpg 300px %}

使用方式

  • Simple Icons官网图标列表
    • 这里可以看到各式各样的图标
    • 而他的名字就是后续配置需要的logo名
    • 此外基础配色也最好以它的为准 比较美观
# 字段配置如下
https://shields.io/badge/左边文字-右边文字-右边颜色?logo=图标名称&logoColor=ffffff&style=样式
# demo => github 徽标
https://img.shields.io/badge/-fff?style=flat-square&logo=Github&logoColor=000
  • 此外。还有些细节配置
    • 徽章实体风格: style= plastic | flat | flag-square | for-the-badge | social
    • 外观有不同的效果 自己可以挨个尝试下
  • 其次 badge 后边 也可以直接跟一个 svg 地址

github主页使用

  • 创建一个和自己github名字 同名的仓库
  • 在这个仓库里创建 README.md
  • 在这个里面的内容就自动展示在首页啦
 类似资料: