怒薅羊毛：白嫖GitHub作為個人部落格免費圖床

• 2019 年 12 月 2 日
• 筆記

說在前面

很多小夥伴私信回饋說，個人部落格搭建完以後，寫文章時，圖片上傳和存放成了一個問題。我看很多人都把圖片放在倉庫一起，然後試圖通過相對路徑的方式來引用圖片，結果很多人插件使用錯誤，後期修改也麻煩，其實這在寫部落格時體驗是不好的。其實比較推薦的做法是將圖片置於第三方圖床，然後以Markdown格式引入到你的文章中去，這樣便於統一管理。

所以接下來利用GitHub這個寶庫就能完成我們的需求。

手段一：明目張胆法

第一種方法是直接在Github上創建一個public的空倉庫專門用做圖片存儲。

• 在Github創建一個空白的public倉庫
• 將剛剛創建的空白倉庫clone到本地
• 分目錄地在裡面放好你需要託管到Github上的圖片
• add， commit， push一頓騷操作將圖片文件推到倉庫里去

比如我的圖片倉庫：

• 網頁瀏覽複製下圖片的URL地址，比如上圖中的 pic_1.jpg，地址如下：

https://github.com/hansonwang99/image_store/blob/master/article_1_images/pic_1.jpg

• 然後將上面URL中 blob替換為 raw即可成為markdown中可引用的圖片外鏈

Tips 1：看到這裡，大家如果覺得手動敲命令，手動替換不優雅的話，我想大家肯定能想到各種各樣的自動化操作騷操作，是的，寫個自動化腳本即可全自動完成一切！

Tips 2：當然除了寫自動化腳本，這裡還推薦一個非常牛批的圖片上傳自動化工具PicGo，具體怎麼用，大家可以自行搜索

手段二：暗箱操作法

第二種方法則是利用Github的隱藏功能Issue來實現。

Github的倉庫都有一個所謂的 Issue功能，本來我們可以淺顯地將其看是一個開源項目的交流評論區：

我們也可以將自己需要託管的圖片置於Issue區。

• 創建一個新Issue

• 接下來可以將圖片直接拖拉或者上傳到Issue框後，會返回一個地址，該地址即圖片外鏈：

這個用起來真是很方便！

手段三：還沒想好名字

既然上面第二種方法，利用倉庫的Issues功能可以完成圖片存儲需求的話，那很明顯GitHub倉庫的 Wiki功能必然也是可以的嘛，對不對

嗯，使用都差不多，大家有需要可以自行折騰。

最後再BB兩句

喜歡就會放肆，但愛是克制！

Github是個好東西，大家還是盡量善待它，合理用之，逃。