一、檢查圖片鏈接是否正確
首先,我們需要檢查圖片鏈接是否正確。如果圖片鏈接不正確,那麼即使我們進行其他操作,圖片也是無法顯示的。
下面是一段檢查圖片鏈接是否正確的代碼示例:
<img src="https://gitee.com/username/repo/raw/branch/foldername/picname.jpg">
上面的代碼中,我們通過替換username、repo、branch、foldername和picname等參數來生成正確的圖片鏈接。
如果確認圖片鏈接正確無誤,但圖片仍然無法顯示,那麼我們需要考慮其他可能的原因。
二、檢查圖片是否被屏蔽
有時候,我們將圖片上傳到Gitee之後,Gitee會自動將圖片屏蔽。這種情況下,我們需要調整圖片的隱私設置以使其可以被公開訪問。
下面是一段將圖片設置為公共可訪問的代碼示例:
git checkout master
git pull
git mv old_folder/new_pic.png public_folder/new_pic.png
git commit -m "move file to public folder"
git push
# 將Repository設置為公共可讀
git config --replace-all remote.origin.url https://gitee.com/my-username/my-repo.git
git push --mirror
在上面的代碼中,我們通過調整圖片的存儲路徑,並將Repository設置為公共可讀,使得圖片可以被正常訪問。
三、使用CDN加速
如果我們的網站流量比較大,那麼我們可以考慮使用CDN(內容分發網路)加速。當我們使用CDN加速時,圖片將會被緩存在CDN節點中,從而提高網站圖片的載入速度。
下面是一段使用CDN加速的代碼示例:
<script src="https://cdn.jsdelivr.net/gh/username/repo/path/to/file.js"></script>
上面的代碼中,我們通過使用jsDelivr CDN來加速圖片載入速度。我們只需要將圖片鏈接中的「gitee.com」替換為「cdn.jsdelivr.net」即可。
四、結合GitHub倉庫使用
如果我們同時在Gitee和GitHub上創建了倉庫,那麼我們可以考慮在GitHub上存儲圖片,並結合GitHub倉庫使用來解決圖片無法顯示的問題。
下面是一段結合GitHub倉庫使用的代碼示例:
<img src="https://raw.githubusercontent.com/username/repo/branch/path/to/image.jpg">
在上面的代碼中,我們通過使用GitHub來存儲圖片,並通過Gitee和GitHub的鏈接來加速圖片的訪問速度。
五、使用其他圖床
如果以上方法都無法解決圖片無法顯示的問題,我們還可以考慮使用其他的圖床。除了Gitee、GitHub外,還有眾多優秀的圖床可供選擇。
下面是一些常用的免費圖床列表:
- Imgur: https://imgur.com/
- TinyPic: https://tinypic.com/
- Flickr: https://www.flickr.com/
- ImgBB: https://imgbb.com/
六、總結
以上是解決Gitee圖片不顯示問題的幾種方法。我們可以根據具體情況選擇合適的方法來解決圖片無法顯示的問題。
原創文章,作者:DXSMW,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/324945.html