定制Github上的小圖標(biāo)_小徽章

對(duì)于經(jīng)常刷github的小伙伴來說，這種圖標(biāo)確實(shí)太常見了，下面就介紹下怎么定制自己獨(dú)具一格的圖標(biāo)

在這里插入圖片描述

  • 如：Vue 上的圖標(biāo)


    在這里插入圖片描述

    在這里插入圖片描述

  • F12 查看 Vue 上的圖標(biāo)，發(fā)現(xiàn)圖片指向一個(gè)地址


    在這里插入圖片描述
  • https://img.shields.io/npm/v/vue.svg?sanitize=true，這就是上面 npm 上的圖標(biāo)
    在這里插入圖片描述
  • 所以，找到這個(gè)網(wǎng)站主頁：https://shields.io/
  • 這其實(shí)就是一個(gè)設(shè)計(jì)圖標(biāo)的網(wǎng)站，下面就演示下我設(shè)計(jì)一個(gè)圖標(biāo)的大致過程

  • 打開官網(wǎng)主頁，直接填充好文字和信息，以及圖標(biāo)的顏色


    在這里插入圖片描述

  • 填好，最后點(diǎn)擊生成即可


    在這里插入圖片描述

  • 一個(gè)獨(dú)具一格的圖標(biāo)就設(shè)計(jì)好了


    在這里插入圖片描述
  • 把圖標(biāo)直接下載到本地后，上傳到自己的github上的項(xiàng)目上就行了，或者直接復(fù)制這個(gè)圖標(biāo)的地址也行
  • 官網(wǎng)還有其他設(shè)計(jì)的過程，感興趣的小伙伴可以研究下
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容