使用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/