使用Github 當作自己個人博客的圖床

使用Github 當作自己個人博客的圖床

前提

本文前提:

1. 我個人博客的草稿是存放在 github上的一個倉庫 diarynote
2. 截圖存放的圖片或者需要放在文章中圖片，會固定存放在對應的文件夾中，我個人是使用日期文件夾，如: uploads/190828/test.jpg
3. 本文中提到的這個倉庫，都是指我自己的 diarynote 倉庫

使用GitHub作為圖床

從上面的描述可以知道，我自己的一個項目倉庫的一個文件夾在 GitHub的 的路徑固定是 https://github.com/wakasann/diarynote/tree/master/draft/

當我使用Typora工具在本地編寫當前倉庫的Markdown 圖片路徑一般都會寫成

![](uploads/190828/test.jpg)

編輯的時候，可以邊預覽邊編輯，因為編輯時，查看的是本地的圖片，訪問速度快，也好替換。

一般編輯完之后，我自己會這個倉庫的改動推送到 GitHub上。

當自己准備發布當前編輯的Markdown 文件中,並且該文件中圖片時，可以通過喜歡的文本編輯工具，如:sublime text

查找

uploads

替換為

https://raw.githubusercontent.com/wakasann/diarynote/master/draft/uploads

---

廢話1

自從有了博客的草稿倉庫之后，我遇到發布的煩惱是:

1. 將草稿發布到我自己 Hexo 源碼項目中時，需要將圖片復制一遍到 source/uploads，然后在草稿的圖片鏈接面前加一個/就可以了，這個工作量對我來說還行
2. 將草稿發布到 博客園時，那文章中的使用到的圖片就需要通過博客園的圖片上傳進行上傳，這個發操作對比上一點，上傳的工作量就有點大了

慢慢的，自己通過逛v2ex 社區，發現了一個 sm.ms的網站，，然后自己也注冊了，體驗過，速度還是可以的，對寫 Markdown文檔也有很大的幫助，后來了解到圖床是指 專門存放圖片的服務器。

我主要是從維護自己個人博客圖片路徑的麻煩程度來考慮使用哪種圖床來進行選擇。

1. 使用非github圖床時,如原博文中， markdown 圖片路徑是: ![](uploads/20190814/20190812173836.png) ，在 Typora 和 在我自己基於Hexo的博客中，都可以直接顯示圖片。

通過sm.ms 上傳的圖片，得到 ![20190812173836.png](https://i.loli.net/2019/08/14/sLlFKmqwAXvaGfO.png)，替換之后，在 Typora 和 在我自己基於Hexo的博客中，也都可以直接顯示圖片。

自己擔心以后免費的圖床以后不存在了，那博客中的所有圖片也就看不到了，要替換自己草稿倉庫中已存放圖片路徑，工作量會比較大，故 最后選擇 自己存放博客草稿的倉庫服務器 Github 作為自己的圖床。

2. 使用github圖床時,如: 如原博文中， markdown 圖片路徑是: ![](uploads/20190814/20190812173836.png) ，在 Typora 和 在我自己基於Hexo的博客中，都可以直接顯示圖片。

通過查看這個倉庫的圖片路徑，發現在dfaft文件夾的的所有圖片路徑相同開頭的路徑是https://raw.githubusercontent.com/wakasann/diarynote/master/draft/，我只需要在 已有的Markdown 文件中 圖片鏈接 前面加 https://raw.githubusercontent.com/wakasann/diarynote/master/draft/ 即可，以后github的圖床不能使用時，我可以通過我自己喜歡的 sublime text 文本編輯工具，將這個倉庫的所有Markdown 源文件的 https://raw.githubusercontent.com/wakasann/diarynote/master/draft/ 替換為空，然后就可以重新發布到基於Hexo的個人博客網站上了，但發布到非基於hexo 的其它平台時，自己還是無法避免要和自己上面提到的煩惱2 一樣，一張一張的上傳了。

---

廢話2

我的個人博客目前是使用 hexo 進行搭建,存放的主機的1個月流量少，如下圖:

發布在 博客園自己的博文的流量也是少的，所以沒有 達到濫用的程度。

得到以上的結論之后，我自己的心里也好過一點了，嘿嘿嘿 😄

從下面參考的文章，自己明白

使用GitHub作為圖床的缺點

1. 當提交圖片上傳的GitHub的倉庫時，會給自己的Github帳號 添加無效的提交綠點

而使用GitHub作為圖床，對我來說的好處是：

1. 倉庫中的圖片路徑 維護起來比較方便, 將同一個隨筆發布到其它平台時，發布的速度會比較快
2. 免費

通過帖子 你們都用什么圖床啊？，看回復，自己了解到的是:

1. 使用 阿里雲OSS 或者騰訊雲OSS 加開源的 PicGo 來自己搭建圖床
2. 在自己服務器上使用開源的 imgurl 來搭建圖床
3. 使用Gitee 做圖床
4. 使用網上已有的免費圖床 sm.ms ,imgchr

---

從 使用gitee做圖床 文章中，學習到：

1. gitee 沒有cdn加速緩存
2. 獲取 gitee 上倉庫的圖片外鏈，格式是 https://gitee.com/用戶名/項目名/blob/master/123.jpg中的blob修改成raw再訪問，就可以了得到一張圖片外鏈了。

如:https://gitee.com/mrshenyuan/diarynote/raw/master/draft/uploads/190828/20190828165503.jpg

References

1. 厘清把 github 當圖床的思路
2. Github做圖床
3. github做Markdown圖床
4. 圖床工具的使用---PicGo
5. 使用gitee做圖床