自定义个性GitHub个人页面

图标

• simpleicons

1. 文字图标
2. 图片图标
   1. 从shields图标网站生成你的图标 ![[Pasted image 20221026132649.png]] label: 左边的文本 message: 右边文本 color: 右边文本背景颜色 图片图标需要填写message文本即可，点击Make badge生成：下图是message为as,color选择yellow的结果 ![[Pasted image 20221026132937.png]]
3. 阅读DenverCoder1的GitHub博客, 将刚刚的生成图片地址复制下来, 将img.shields.io替换成custom-icon-badges.demolab.com, 填写图标MarkDown地址， 语法: <message> ： 图像的描述 <URI>： 图标地址 <ICON-NAME>: simpleicons的图标名

如果有空格，在插入的时候需要去掉空格,例如Apache ECharts 替换成ApacheECharts

![[Pasted image 20221026135020.png]]

![<message>](<URI>?logo=<ICON-NAME>)

将<URI>替换成你刚刚生成的图标地址，例如https://img.shields.io/badge/-as-yellow

完整示例：

![echarts](https://custom-icon-badges.demolab.com/badge/-Apache%20ECharts-AA344D.svg?logo=## ApacheECharts&logoColor=white)

4. 版本图标