实现

网站

徽标在线制作网站(已经和下面的图片不一样了，但是不用网站也可以实现徽标制作)

原版界面

制作方式

复制下列url到浏览器

1
https://img.shields.io/badge/Frame-Hexo-blue?logo=Hexo&style=plastic

你应该会看到这样的徽标：image-20230810224626773

在url进行修改：

  1. 改图标(对应图片里面最左边的H)：图标查询，图标名称直接使用simpleicons网站中的名称，填在logo=后面

  2. 改内容：

    • Frame->徽标左侧内容，即Frame

    • Hexo->徽标右侧内容，即Hexo

  3. 改颜色：将blue改为原版界面图片中的任意颜色名字即可

得到满意的效果后将url填入img的src中即可

1
img(src="https://img.shields.io/badge/Frame-Hexo-blue?logo=Hexo&style=plastic" alt='')