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


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

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

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

一、准備工作

1、首先要有一個gitee帳戶

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

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

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

二、開始干活

1、創建一個項目

​ 點擊 + 新建一個項目,填寫項目名稱,點擊下面的 創建,如下圖:

新建項目

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

添加index.html

index.html

3、選擇 pages 服務並啟動

選擇page服務並啟動

4、訪問生成的網站地址

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

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

5、將gitee圖床項目拉取到本地

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

6、優化 gitee page 首頁

因為我只是用來保存圖片,所以就沒有在集成博客系統。如果你需要你可以將此page 和 hexo等博客系統集成。

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

Graphic Design 模板

然后自己修改了一下,刪除不需要的文件,然后就直接放到 第五步 下載的 項目路徑,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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM