一、检查图片链接是否正确
首先,我们需要检查图片链接是否正确。如果图片链接不正确,那么即使我们进行其他操作,图片也是无法显示的。
下面是一段检查图片链接是否正确的代码示例:
<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图片不显示问题的几种方法。我们可以根据具体情况选择合适的方法来解决图片无法显示的问题。