前幾天七牛雲的免費圖床測試域名回收，導致我上傳的圖片都不能訪問！要配置自定義域名，域名還要繫結主機。沒有云主機的我開始想你們搞一個免費的圖床，並且資料也不會丟失呢 ？

​ 想到之前自己在GitHub上搭建過一個GitHub Page ，裡面可以上傳圖片並且圖片也可以訪問，這不是很好的圖床嗎，本地可以儲存一份，並且上傳到GitHub上雲端也可以儲存一份，還可以使用GitHub提供的地址線上訪問圖片，這不就解決了我目前的問題了。但是在經過幾日的觀察，Github page上的圖片線上訪問載入還是有點慢，就想到了Gitee（碼雲），這個可不可以搭建一個免費的page服務，託管我的圖片呢？

一查Gitee官網真有，於是二話不說，開幹！

一、準備工作

1、首先要有一個gitee帳戶

2、然後在本地配置一下自己的SSH

3、最後本地有Git環境，用於後面圖片的提交

準備工作這三步，就不具體展開了，沒有環境的動起手來，先把環境搭好。

二、開始幹活

1、建立一個專案

​ 點選 +新建一個專案，填寫專案名稱，點選下面的 建立，如下圖：

2、新增檔案 index.html(名稱必須是index.html)

3、選擇 pages 服務並啟動

4、訪問生成的網站地址

​ 已開啟 Gitee Pages 服務後，訪問page首頁地址，這個是我的首頁： http://dufyun.gitee.io/images_bed

到此一個gitee page 已經搭建哦克 了！ 真正讓圖床起作用請繼續往下看！

5、將gitee圖床專案拉取到本地

​ 這一步不做介紹，就是將gitee上剛才建立的專案拉取到本地。

6、優化 gitee page 首頁

因為我只是用來儲存圖片，所以就沒有在整合部落格系統。如果你需要你可以將此page 和 hexo等部落格系統整合。

我這裡只是為了首頁好看，下載了一套 模板之家 的模板！ 如下：

然後自己修改了一下，刪除不需要的檔案，然後就直接放到 第五步 下載的 專案路徑，commit、push！

然後就可以訪問感覺比較舒服的首頁了！訪問地址：https://dufyun.gitee.io/images_bed/

7、日常使用

我是使用的有道雲筆記儲存筆記，有道雲的Markdown如果不是會員是不能直接上傳圖片。書寫Markdown我使用的是Typora，在要編輯一篇內容的時候，首先會建一個資料夾，將對應的圖片放到一起，在Typora中直接引用本地路徑的圖片地址，然後等內容寫好後將圖片提交到gitee上，最後使用Typora的啟用原始碼模式，將內容拷貝到文字編輯器 後，本地圖片地址全部替換成gitee的地址（只需要替換圖片前面的路徑）！如 我自己的

F:\gitee_workspace\images_bed\images\techy\
替換為下面地址即可：
https://dufyun.gitee.io/images_bed/images/techy/

==這樣，如果哪一天gitee掛掉了，也可以直接在將gitee中地址替換為本地地址，圖片依然可以訪問！==

下面是有道雲markdown顯示效果：

三、簡單總結

看似整個過程很簡單，但是還是建議想要一個免費的圖床，自己有沒有專門圖片伺服器的夥伴動手搞一下，小的積累，帶來大個改變！

如果圖床是公開的，建議不要上傳比較隱私的圖片，以及上傳合法的圖片！

四、備註說明

本篇博文的圖片就是來自我gitee搭建的圖床！右鍵 --> 在新標籤頁開啟圖片 ，即可看到我圖床的地址！

如果您覺得這篇博文對你有幫助，請點贊或者喜歡，讓更多的人看到，謝謝！

如果帥氣（美麗）、睿智（聰穎），和我一樣簡單善良的你看到本篇博文中存在問題，請指出，我虛心接受你讓我成長的批評，謝謝閱讀！
祝你今天開心愉快！

歡迎訪問我的csdn部落格和關注的個人微信公眾號！

願你我在人生的路上能都變成最好的自己，能夠成為一個獨擋一面的人。

不管做什麼，只要堅持下去就會看到不一樣！在路上，不卑不亢!

部落格首頁 : http://blog.csdn.net/u010648555

© 每天都在變得更好的阿飛