使用Gitee搭建個人圖床


使用Gitee搭建個人圖床

一、前言

搭建個人的圖床可以更加方便地管理個人圖片,雖然Github也可以實現個人圖床的搭建,但是,Github畢竟是外網,訪問速度慢且不穩定。因此采用Gitee來搭建圖床是個好選擇。

二、創建倉庫

第一步,在Gitee上創建一個倉庫,用於存放圖片:

image-20200410170713161

image-20200410170909433

三、建立聯系

創建一個本地文件夾與剛才創建的遠程倉庫建立聯系,可以采用以下兩種方式:

  • 第一種:將新創建的遠程倉庫克隆到本地文件夾中:
git clone  https://gitee.com/ahuntsun/BlogImageBed.git
  • 第二種:手動關聯本地文件夾與遠程倉庫:
//添加遠程倉庫地址
git remote add originhttps://gitee.com/ahuntsun/BlogImageBed.git

建立聯系之后,我們就可以自由地更新這個遠程倉庫了;

四、開啟Gitee Pages服務

在倉庫中打開服務選項,選擇Gitee Pages

image-20200410171731995

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

image-20200410171949254

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

image-20200410172129380

從上圖可以看到,Gitee Pages生成的圖床地址為:

 http://ahuntsun.gitee.io/blogimagebed

通過在該地址后面拼接遠程倉庫內的圖片目錄,就能將圖片顯示出來。比如位於遠程倉庫如下目錄中的demo.png圖片:

image-20200410172514607

只要將目錄信息拼接在圖床地址后面,就形成了demo.png圖片的URL了:

 http://ahuntsun.gitee.io/blogimagebed/img/圖床/demo.webp

image-20200410172825961

由此完成了圖床的搭建。

五、圖床美化

我們可以通過下載一些網站模板來美化我們的圖床,比如可以在模板之家下載:

image-20200410173057495

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

image-20200410173236090

這里的index.html表示網站的主頁,可以進行相應的修改。隨后直接將這些文件推送到遠程倉庫:

git add .
git commit -m '提交注釋'
git push -u origin master

image-20200410173900344

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

image-20200410173735729

更新后,打開圖床鏈接:

 http://ahuntsun.gitee.io/blogimagebed

就可以看到美化效果了:

image-20200410174239005

六、注意事項

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

image-20200410152720672

如果更新出錯了,沒有更新內容。可以先暫停Gitee Pages服務,再開啟,這樣部署的內容就會發生更新;

過程分析

由於Gitee Pages部署時會將當前倉庫復制一份,所以部署之后,即使刪除了倉庫的某些文件,只要不更新或者重啟Gitee Pages服務,Gitee Pages還是可以使用這些部署后被刪除的文件,因為Gitee Pages使用的是部署時復制出來的倉庫,兩個倉庫彼此是獨立的;

但是,當我們更新或重啟Gitee Pages服務時,兩個倉庫就會再次同步。

這樣說可能有點抽象,舉個例子:部署的時候,倉庫中有一張demo.png圖片。部署后,即使這張圖被刪除了,也能通過圖床鏈接:http://ahuntsun.gitee.io/blogimagebed/demo.png 訪問該圖片,示意圖如下:

image-20200410165707926

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

image-20200410150215025

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


免責聲明!

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



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