一次偶然的機會，我看到githubdaily分享的github項目，在每個github項目后面都會顯示這個項目的star數(shù)。
就像下面這樣子的效果：
這并沒有什么，一開始以為這不就是顯示一張圖片而已，然而并非如此，當github項目的star數(shù)變化的時候，這個效果也會跟著實時改變！??！
可以啊
在進入主題之前，我們學習一波如何在markdown中顯示圖片，有助于后續(xù)的內(nèi)容理解。
當然已經(jīng)懂得小伙伴可以直接忽略哈！
如何在markdown中顯示一張圖片
具體命令：
方括號中的keyword用于填寫描述圖片的關鍵字，可以不寫，方便搜索時根據(jù)keyword來進行圖片搜索。最初的本意是當圖片因為某種原因不能被顯示時而出現(xiàn)的替代問題。
圓括號中的path，用于填寫圖片的路徑（可以是本地路徑或圖床鏈接-網(wǎng)址）。這里需要注意的是，如果是本地路徑，當時將markdown文件上傳時，可能會出現(xiàn)顯示異常，本人通常的做法是將需要顯示的圖片放在另一個文件下在，而且使用相對路徑存放，在上傳到github時，也可以實現(xiàn)正常的顯示。
（1）顯示本地圖片（相對路徑或絕對路徑都行）
例如下面的文件結構
此時在README.md中顯示AI_study.jpg的操作為：
ps:在windows下路徑的填寫方式有所不同，可自行百度～
（2）顯示網(wǎng)絡上的圖片
下面是我網(wǎng)絡上搜索的科比的圖片，但是安裝上面的格式并不能正常顯示出圖片。
直接利用圖片的網(wǎng)址是無法正常顯示的，需要先將圖片上傳到圖床上，并生成外鏈才行。
這里通過免費圖床“路過圖床”，可以實現(xiàn)在markdown中顯示圖片
可以看到第一個是最前面的是圖片標志帶了個斜杠，且不能正常顯示，但是上傳到圖床之后便可以正常顯示。
有很多免費的圖床可以使用，不過有很多坑，比如 七牛云生成的外鏈只能30天，需要自己域名等等。
有了上面的鋪墊，我們正式進入今天的主題
上面的內(nèi)容很好理解，要么是顯示本地的圖片（也可以是gif），要么是顯示上傳到圖床上的圖片。
存在兩個疑問？
（1）可是首先github上面star的圖片在哪里找？
我瘋狂左右單擊github上star圖標，沒有用，跳轉到其他地方，并非是我想要的結果
（2）如果是和我們之前顯示的圖片一樣，那么難道要一直更換圖片的鏈接才能實現(xiàn)star數(shù)實時變化嗎？
帶著這兩個疑問，我開始去思考，幸運的是，github上的項目是可以下載下來的，同時也會保留原始的格式，通過對作者上傳的README文件分析
可以看到作者顯示star的操作是：
通過觀察多個這樣子示例的操作，可以發(fā)現(xiàn)其中的規(guī)律是：
圓括號的前面都是
https://img.shields.io/github/stars/
而后面的內(nèi)容都是跟github項目相關的
例如本人的一個github項目網(wǎng)址是：https://github.com/DWCTOD/interview
去除掉最開頭的https://github.com/，并在最結尾加上后綴 .svg
便可以實現(xiàn)我們需要的結果了
當然事情遠沒有那么簡單，https://img.shields.io/這個網(wǎng)站到底是何方神圣。
通過百度和進入官網(wǎng)可以發(fā)現(xiàn)，原來這個神奇的網(wǎng)站，可以制作各類小標志，可以生成靜態(tài)圖也可以生成動態(tài)鏈接圖
靜態(tài)圖的生成方式很簡單，
在https://img.shields.io/上找到這個地方
通過在label， message，color三個位置輸入你想要的內(nèi)容，然后點擊Make Badge按鈕即可順序生成圖片的外鏈接
生成結果
更多高逼格的操作，大家可以去探索和發(fā)現(xiàn)
推薦兩個供參考的鏈接：
https://www.sohu.com/a/134390224_655394
https://blog.csdn.net/lxxlxx888/article/details/89791746
原文鏈接：https://mp.weixin.qq.com/s?__biz=MzU4NTY4Mzg1Mw==&mid=2247486111&idx=2&sn=4162e845341bedd85ff609464c8fcff1&chksm=fd878c7dcaf0056ba9ec2fa10f2063cdbaf337391c6e2e6dba6b3ca86b64f970f6ae88b5dbf0&token=1887521370&lang=zh_CN#rd
歡迎關注我，wx公主號：AI算法與圖像處理
