【教程】使用gitee搭建免費的圖床

阿飛雲發表於2019-05-04

做一個積極的人

編碼、改bug、提升自己

我有一個樂園,面向程式設計,春暖花開!

【教程】使用gitee搭建免費的圖床

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

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

一查Gitee官網真有,於是二話不說,開幹!

一、準備工作

1、首先要有一個gitee帳戶

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

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

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

二、開始幹活

1、建立一個專案

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

新建專案

【教程】使用gitee搭建免費的圖床

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

新增index.html

index.html

3、選擇 pages 服務並啟動

選擇page服務並啟動

4、訪問生成的網站地址

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

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

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

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

6、優化 gitee page 首頁

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

我這裡只是為了首頁好看,下載了一套 模板之家 的模板! 如下:

Graphic Design 模板

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

本地目錄

然後就可以訪問感覺比較舒服的首頁了!訪問地址: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搭建的圖床!我的 圖床地址


謝謝你的閱讀,如果您覺得這篇博文對你有幫助,請點贊或者喜歡,讓更多的人看到!祝你每天開心愉快!



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

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

【教程】使用gitee搭建免費的圖床
© 每天都在變得更好的阿飛雲

相關文章