title: 使用GithubPage做圖片庫生成引用圖片鏈接

date: 2019-02-17 23:00:25

categories:

• tech
• website
• github
• githubpages

tags: [tech,github,gihubpages,picture,img]

在平時寫文檔的時候，尤其是在類似Markdown這種純文本的文檔中，使用圖片常常很麻煩。

如果隨意在網(wǎng)上下載一個圖片，擔(dān)心以后鏈接不可用；如果把自己的圖片上傳到一些網(wǎng)站，然后再把圖片的鏈接拷貝下來，雖然圖片可以用，但是問題是這個鏈接往往不可以定制，而且圖片分散上傳到不同地方也不便于管理。

下面我們來介紹如何利用 Github Pages , 來存儲和分享圖片資源。

對于Git賬戶https://github.com/ipictures， 其git倉庫https://github.com/ipictures/ipictures.github.io.git將會默認(rèn)作為 Github Pages的內(nèi)容來源。上傳到
ipictures.github.io.git倉庫的資源都可以通過https://ipictures.github.io/訪問到。

ipictures通過目錄進(jìn)行不同類型、來源和作用的圖片區(qū)分。

鏈接：https://ipictures.github.io/完整目錄/完整文件名.文件后綴就可以引用到圖片。

例如在你的markdown文件中引入下面的標(biāo)簽，就可以看到我的照片啦：

![ijiangtao](https://ipictures.github.io/me/phonephoto/ijiangtao201902172323.jpg)

ijiangtao

圖片可以通過git版本管理工具進(jìn)行上傳，也可以在github的網(wǎng)頁上上傳。

這樣圖片和文檔就進(jìn)行了分離，文檔可以更精簡；而且圖片還可以通過版本管理工具進(jìn)行統(tǒng)一管理。

當(dāng)然，如果你喜歡把圖片和文檔放在一起也是可以的，比如將圖片進(jìn)行Base64轉(zhuǎn)碼以后引入文檔或者網(wǎng)頁。但我不建議這樣做。