沒(méi)有云主機(jī)的我開始想你們搞一個(gè)免費(fèi)的圖床，并且數(shù)據(jù)也不會(huì)丟失呢 ？

想到之前自己在GitHub上搭建過(guò)一個(gè)GitHub Page ，里面可以上傳圖片并且圖片也可以訪問(wèn)，這不是很好的圖床嗎，本地可以保存一份，并且上傳到GitHub上云端也可以保存一份，還可以使用GitHub提供的地址在線訪問(wèn)圖片，這不就解決了我目前的問(wèn)題了。但是在經(jīng)過(guò)幾日的觀察，Github page上的圖片在線訪問(wèn)加載還是有點(diǎn)慢，就想到了Gitee（碼云），這個(gè)可不可以搭建一個(gè)免費(fèi)的page服務(wù)，托管我的圖片呢？

一查Gitee官網(wǎng)真有，于是二話不說(shuō)，開干！

一、準(zhǔn)備工作

1、首先要有一個(gè)gitee帳戶

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

3、最后本地有Git環(huán)境，用于后面圖片的提交

準(zhǔn)備工作這三步，就不具體展開了，沒(méi)有環(huán)境的動(dòng)起手來(lái)，先把環(huán)境搭好。

二、開始干活

1、創(chuàng)建一個(gè)項(xiàng)目

點(diǎn)擊 +新建一個(gè)項(xiàng)目，填寫項(xiàng)目名稱，點(diǎn)擊下面的 創(chuàng)建，如下圖：

2、添加文件 index.html(名稱必須是index.html)

 

3、選擇 pages 服務(wù)并啟動(dòng)

4、訪問(wèn)生成的網(wǎng)站地址

已開啟 Gitee Pages 服務(wù)后，訪問(wèn)page首頁(yè)地址，這個(gè)是我的首頁(yè)： http://dufyun.gitee.io/images_bed

到此一個(gè)gitee page 已經(jīng)搭建哦克 了！ 

真正讓圖床起作用請(qǐng)繼續(xù)往下看！

5、將gitee圖床項(xiàng)目拉取到本地

這一步不做介紹，就是將gitee上剛才創(chuàng)建的項(xiàng)目拉取到本地。

6、優(yōu)化 gitee page 首頁(yè)

因?yàn)槲抑皇怯脕?lái)保存圖片，所以就沒(méi)有在集成博客系統(tǒng)。如果你需要你可以將此page 和 hexo等博客系統(tǒng)集成。

我這里只是為了首頁(yè)好看，下載了一套 模板之家 的模板！ 如下：

然后自己修改了一下，刪除不需要的文件，然后就直接放到 第五步 下載的 項(xiàng)目路徑，commit、push！

 

然后就可以訪問(wèn)感覺比較舒服的首頁(yè)了！訪問(wèn)地址：https://dufyun.gitee.io/images_bed/

7、日常使用

我是使用的有道云筆記存儲(chǔ)筆記，有道云的Markdown如果不是會(huì)員是不能直接上傳圖片。書寫Markdown我使用的是Typora，在要編輯一篇內(nèi)容的時(shí)候，首先會(huì)建一個(gè)文件夾，將對(duì)應(yīng)的圖片放到一起，在Typora中直接引用本地路徑的圖片地址，然后等內(nèi)容寫好后將圖片提交到gitee上，最后使用Typora的啟用源代碼模式，將內(nèi)容拷貝到文本編輯器 后，本地圖片地址全部替換成gitee的地址（只需要替換圖片前面的路徑）！如 我自己的

 

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

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

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