居然在實現這張圖片效果過程中,我發現了一個寶藏級網站!

擊上方AI算法與圖像處理”,選擇加"星標"或“置頂”

重磅乾貨,第一時間送達

推薦文章【點擊下面可直接跳轉】:
2020 年校招,最值得加入的互聯網公司有哪些?
AI資源收集分享(視頻),所有資料打包帶走~


一次偶然的機會,我看到githubdaily分享的github項目,在每個github項目後面都會顯示這個項目的star數。

就像下面這樣子的效果:

這並沒有什麼,一開始以爲這不就是顯示一張圖片而已,然而並非如此,當github項目的star數變化的時候,這個效果也會跟着實時改變!

可以啊

在進入主題之前,我們學習一波如何在markdown中顯示圖片,有助於後續的內容理解。

當然已經懂得小夥伴可以直接忽略哈!

如何在markdown中顯示一張圖片

具體命令:![keyword](path)

方括號中的keyword用於填寫描述圖片的關鍵字,可以不寫,方便搜索時根據keyword來進行圖片搜索。最初的本意是當圖片因爲某種原因不能被顯示時而出現的替代問題。

圓括號中的path,用於填寫圖片的路徑(可以是本地路徑或圖牀鏈接-網址)。這裏需要注意的是,如果是本地路徑,當時將markdown文件上傳時,可能會出現顯示異常,本人通常的做法是將需要顯示的圖片放在另一個文件下在,而且使用相對路徑存放,在上傳到github時,也可以實現正常的顯示。

(1)顯示本地圖片(相對路徑或絕對路徑都行)

例如下面的文件結構


此時在README.md中顯示AI_study.jpg的操作爲:

![](./img/AI_study.jpg)

ps:在windows下路徑的填寫方式有所不同,可自行百度~

(2)顯示網絡上的圖片

下面是我網絡上搜索的科比的圖片,但是安裝上面的格式並不能正常顯示出圖片。

![](https://baike.baidu.com/pic/%E7%A7%91%E6%AF%94%C2%B7%E5%B8%83%E8%8E%B1%E6%81%A9%E7%89%B9/318773/0/9e3df8dcd100baa1a5fd20114d10b912c9fc2e42?fr=lemma&ct=single#aid=0&pic=9e3df8dcd100baa1a5fd20114d10b912c9fc2e42)

直接利用圖片的網址是無法正常顯示的,需要先將圖片上傳到圖牀上,並生成外鏈才行。

這裏通過免費圖牀“路過圖牀”,可以實現在markdown中顯示圖片

可以看到第一個是最前面的是圖片標誌帶了個斜槓,且不能正常顯示,但是上傳到圖牀之後便可以正常顯示。

有很多免費的圖牀可以使用,不過有很多坑,比如 七牛雲生成的外鏈只能30天,需要自己域名等等。

有了上面的鋪墊,我們正式進入今天的主題

上面的內容很好理解,要麼是顯示本地的圖片(也可以是gif),要麼是顯示上傳到圖牀上的圖片。
存在兩個疑問?

(1)可是首先github上面star的圖片在哪裏找?

我瘋狂左右單擊github上star圖標,沒有用,跳轉到其他地方,並非是我想要的結果

(2)如果是和我們之前顯示的圖片一樣,那麼難道要一直更換圖片的鏈接才能實現star數實時變化嗎?

帶着這兩個疑問,我開始去思考,幸運的是,github上的項目是可以下載下來的,同時也會保留原始的格式,通過對作者上傳的README文件分析

可以看到作者顯示star的操作是:

![Github stars](https://img.shields.io/github/stars/DWCTOD/interview.svg)

通過觀察多個這樣子示例的操作,可以發現其中的規律是:

圓括號的前面都是

https://img.shields.io/github/stars/

而後面的內容都是跟github項目相關的

例如本人的一個github項目網址是:https://github.com/DWCTOD/interview

去除掉最開頭的https://github.com/,並在最結尾加上後綴 .svg

便可以實現我們需要的結果了

當然事情遠沒有那麼簡單,https://img.shields.io/這個網站到底是何方神聖。

通過百度和進入官網可以發現,原來這個神奇的網站,可以製作各類小標誌,可以生成靜態圖也可以生成動態鏈接圖。

靜態圖的生成方式很簡單,

https://img.shields.io/上找到這個地方

通過在label, message,color三個位置輸入你想要的內容,然後點擊Make Badge按鈕即可順序生成圖片的外鏈接

生成結果

更多高逼格的操作,大家可以去探索和發現

推薦兩個供參考的鏈接:

https://www.sohu.com/a/134390224_655394

https://blog.csdn.net/lxxlxx888/article/details/89791746

有熱門推薦????

壓縮包密碼又忘了?這段代碼甩你臉上,輕鬆搞定

使用pytorch mask-rcnn進行目標檢測/分割訓練

破解15個平臺Vip超級會員,突破全網Vip會員限制!

加羣交流

歡迎小夥伴加羣交流,目前已有交流羣的方向包括:AI學習交流羣,目標檢測,秋招互助,資料下載等等;加羣可掃描並回復感興趣方向即可


關注我,這波不虧的!
關注公衆號發送:AI資源 可以領取精心收集的20G學習資料
你點的每個“在看”,我都認真當成了喜歡
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章