使用Gitee搭建個人圖床
一、前言
搭建個人的圖床可以更加方便地管理個人圖片,雖然Github也可以實現個人圖床的搭建,但是,Github畢竟是外網,訪問速度慢且不穩定。因此采用Gitee來搭建圖床是個好選擇。
二、創建倉庫
第一步,在Gitee上創建一個倉庫,用於存放圖片:


三、建立聯系
創建一個本地文件夾與剛才創建的遠程倉庫建立聯系,可以采用以下兩種方式:
- 第一種:將新創建的遠程倉庫克隆到本地文件夾中:
git clone https://gitee.com/ahuntsun/BlogImageBed.git
- 第二種:手動關聯本地文件夾與遠程倉庫:
//添加遠程倉庫地址
git remote add originhttps://gitee.com/ahuntsun/BlogImageBed.git
建立聯系之后,我們就可以自由地更新這個遠程倉庫了;
四、開啟Gitee Pages服務
在倉庫中打開服務選項,選擇Gitee Pages:

在Gitee Pages服務頁面可以選擇部署服務的分支和目錄等,然后點擊啟動選項,就能開啟Gitee Pages服務了:

稍等片刻,圖床的部署就完成了:

從上圖可以看到,Gitee Pages生成的圖床地址為:
http://ahuntsun.gitee.io/blogimagebed
通過在該地址后面拼接遠程倉庫內的圖片目錄,就能將圖片顯示出來。比如位於遠程倉庫如下目錄中的demo.png圖片:

只要將目錄信息拼接在圖床地址后面,就形成了demo.png圖片的URL了:
http://ahuntsun.gitee.io/blogimagebed/img/圖床/demo.webp

由此完成了圖床的搭建。
五、圖床美化
我們可以通過下載一些網站模板來美化我們的圖床,比如可以在模板之家下載:

模板下載完成后,解壓,並刪除不必要的東西,然后添加到遠程倉庫對應的本地文件夾中:

這里的index.html表示網站的主頁,可以進行相應的修改。隨后直接將這些文件推送到遠程倉庫:
git add .
git commit -m '提交注釋'
git push -u origin master

隨后,再次打開Gitee Pages服務,更新部署,即可應用上傳的網站模板:

更新后,打開圖床鏈接:
http://ahuntsun.gitee.io/blogimagebed
就可以看到美化效果了:

六、注意事項
每次部署之后,都相當於永遠定格在了部署那一刻的倉庫狀態;如果倉庫發生變化,比如添加文件,或刪除文件,部署出來的內容都不會改變。相當於部署的時候,服務器將當前狀態的倉庫復制了一份,只要不更新部署,部署的內容就不會改變。所以每次更新倉庫內容后,要同步更新部署:

如果更新出錯了,沒有更新內容。可以先暫停Gitee Pages服務,再開啟,這樣部署的內容就會發生更新;
過程分析
由於Gitee Pages部署時會將當前倉庫復制一份,所以部署之后,即使刪除了倉庫的某些文件,只要不更新或者重啟Gitee Pages服務,Gitee Pages還是可以使用這些部署后被刪除的文件,因為Gitee Pages使用的是部署時復制出來的倉庫,兩個倉庫彼此是獨立的;
但是,當我們更新或重啟Gitee Pages服務時,兩個倉庫就會再次同步。
這樣說可能有點抽象,舉個例子:部署的時候,倉庫中有一張demo.png圖片。部署后,即使這張圖被刪除了,也能通過圖床鏈接:http://ahuntsun.gitee.io/blogimagebed/demo.png 訪問該圖片,示意圖如下:

同樣地,部署后在倉庫中新增圖片demo2.png,只要不重新部署,就不能通過圖床鏈接:http://ahuntsun.gitee.io/blogimagebed/demo2.png 訪問該圖片:

最后附上圖床地址,僅供參考:http://ahuntsun.gitee.io/blogimagebed/
