如何解决Gitee图片不显示问题

发布时间:2023-05-20

一、检查图片链接是否正确

首先,我们需要检查图片链接是否正确。如果图片链接不正确,那么即使我们进行其他操作,图片也是无法显示的。 下面是一段检查图片链接是否正确的代码示例:

<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 外,还有众多优秀的图床可供选择。 下面是一些常用的免费图床列表:

六、总结

以上是解决 Gitee 图片不显示问题的几种方法。我们可以根据具体情况选择合适的方法来解决图片无法显示的问题。