做一個積極的人
編碼、改bug、提升自己
我有一個樂園,面向程式設計,春暖花開!
【教程】使用gitee搭建免費的圖床
前幾天七牛雲的免費圖床測試域名回收,導致我上傳的圖片都不能訪問!要配置自定義域名,域名還要繫結主機。沒有云主機的我開始想你們搞一個免費的圖床,並且資料也不會丟失呢 ?
想到之前自己在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首頁地址,這個是我的首頁: dufyun.gitee.io/images_bed
到此一個gitee page 已經搭建哦克 了! 真正讓圖床起作用請繼續往下看!
5、將gitee圖床專案拉取到本地
這一步不做介紹,就是將gitee上剛才建立的專案拉取到本地。
6、優化 gitee page 首頁
因為我只是用來儲存圖片,所以就沒有在整合部落格系統。如果你需要你可以將此page 和 hexo等部落格系統整合。
我這裡只是為了首頁好看,下載了一套 模板之家 的模板! 如下:
然後自己修改了一下,刪除不需要的檔案,然後就直接放到 第五步 下載的 專案路徑,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搭建的圖床!我的 圖床地址。
謝謝你的閱讀,如果您覺得這篇博文對你有幫助,請點贊或者喜歡,讓更多的人看到!祝你每天開心愉快!
不管做什麼,只要堅持下去就會看到不一樣!在路上,不卑不亢!
願你我在人生的路上能都變成最好的自己,能夠成為一個獨擋一面的人
© 每天都在變得更好的阿飛雲